用法
var obj2 = Object.create(null) // obj2 不继承任何属性和方法
var obj3 = Object.create(Object.prototype) // 与 {} 和 new Object() 一个意思
var obj4 = Object.create({}, {
property1: {
value: true,
writable: true
}
}) // 第二个参数与 Object.defineProperties() 一致
图解 Object.create 实现
源码如下:
function create(proto) {
function F(){}
F.prototype = proto
return new F()
}
第一步:function F(){}
即创建一个函数,因为约定首字母大写,视为构造函数,创建函数 F 时,F 构造函数与和它的原型对象就有了这一层的关系:
F.prototype === F.prototype; // 假设你把F.prototype当作一个值
F.prototype.constructor === F;
第二步:F.prototype = proto 即将 F.prototype 赋值为传入的 proto,如此就打破了F.prototype = F.prototype 以及 F.prototype.constructor
第三步:return new F()
第三步的解读有点费解,因为这里涉及到 new 的操作,new 会创建一个对象,并将这个对象的隐式原型(__proto__
) 指向构造函数的原型对象,并初始化构造函数,如果值则返回值。new 是隐式原型继承,Object.create 是显式原型继承
在这里,我们按实现 new 的方式来解读 return new F()
。new F
后的实例的 __proto__
指向的是 F.prototype,而这个值已经在第二步时指给了传来的 proto,所以就有了new F().__proto__ = proto
Object.create(null)
在阅读源码时,常会看到 Object.create(null)
,用此初始化一个新对象,至于为什么用这个方法而不用 new Object 或者 {},是因为无论 new 还是字面量,都是继承自 Object 构造函数,而使用Object.create(null) ,能得到一个没有任何继承痕迹的对象