Object.create(null) 和 {} 的区别
栏目: JavaScript · 发布时间: 6年前
内容简介：这两天在看vue的源码，发现作者定义映射字典的时候，喜欢用Object.create(null)，而不是直接定义一个对象字面量，那么两者有什么区别呢，又存在什么业务场景呢for...in可以遍历n的原型属性试了一下发现没有打印toString\get\set方法属性，后来才发现混淆了两个概念，就是__proto__和prototype
这两天在看vue的源码，发现作者定义映射字典的时候，喜欢用Object.create(null)，而不是直接定义一个对象字面量，那么两者有什么区别呢，又存在什么业务场景呢
let m = Object.create(null);
let n = {};
// 猜测下，m和n有什么区别呢
console.log(m);
console.log(n);
复制代码
就是一个纯粹的空对象
继承了对象原型的空对象，也就是说存在n.toString();
Object.create(proto, [propertiesObject]) 方法
- proto 新建对象的原型对象
- propertiesObject 可选，添加到新建对象的属性（不是原型链的属性），默认可枚举，参数对应Object.defineProperties的第二个参数
{} 相当于 Object.create(Object.ptototype), 现在你明白他们之间的区别了吧
for...in可以遍历n的原型属性
试了一下发现没有打印toString\get\set方法属性，后来才发现混淆了两个概念，就是__proto__和prototype
这个__proto__属性, 是一个对象的隐式原型，指向构造该对象的构造函数的原型
function A() {
console.log('我是函数A')
};
let a = new A();
console.log(a.__proto__ === A.prototype) // true
复制代码
这个以后再做深入讨论。
ps。刚开始用md语法写文档，用的还不是很熟练，以后有更多跟有内含的文章给大家分享，加油加油！
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持 码农网
猜你喜欢:
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
微信小程序(开发入门及案例详解)
李骏、边思 / 机械工业出版社 / 2017-3-1 / 59.0
本书可分为3部分，第一部分作为基础章节，介绍了第一个小程序的搭建流程，让大家能快速上手；同时对小程序框架原理进行了详细介绍，为后面学习组件、API打下基础。 第二部分对小程序组件、API进行介绍，对组件、API的使用、注意事项进行详细讲解，并给出示例代码。 最后一部分精选5个由浅入深的案例，对小程序研发进行实战讲解，涵盖了实际项目中可能涉及的技术方案和使用方法，具备很强的实战意义。 ......一起来看看 《微信小程序(开发入门及案例详解)》 这本书的介绍吧!
