Object.create(Object.prototype),Object.create(Object)和Object.create(null)之间的区别

Question

我应该为其他人继承的第一个父对象传递哪个参数,哪个参数更有效

Object.create(Object.prototype)

Object.create(Object)

Object.create(null)  

Object.create(null) 返回一个空对象

Object.create(Object) 返回一个函数为什么????(我检查了我的日志,它说函数...我使用了console.dir())

Object.create(Object) 返回一个非空对象

这一切是如何工作的...我更习惯于Classname .prototype的东西:(

无法理解这里发生了什么

Answer 1

前言:JavaScript使用原型继承,这意味着一个对象可以拥有(通常有)一个原型,它是另一个对象.如果您尝试从它没有的对象获取属性的值,JavaScript引擎会查找对象的原型(及其原型等)以查找它.

Object.create创造对象.您提供的第一个参数Object.create是用作其创建的对象的原型的对象.所以:

// Create an object with a property 'foo'
var a = {
    foo: 42
};

// Create a blank object using `a` as its prototype
var b = Object.create(a);

// Give `b` a property of its own
b.bar = "hi";

这让我们记忆犹新:

                           +???????????????+      +???????????????????+
                           | [[Prototype]] |?????>| (the standard     |
a??????????????????????+??>| foo: 42       |      | object prototype) |
                       |   +???????????????+      +???????????????????+   
                       |
    +???????????????+  |
b??>| [[Prototype]] |??+
    | bar: "hi"     |
    +???????????????+

证明b用途a:

console.log(b.foo); // 42
a.foo = 67;
console.log(b.foo); // 67

解决一些变化:

var o = Object.create(Object.prototype);

这是毫无意义的,只是使用var o = {};,它做同样的事情(创建一个新的空白对象,其原型是Object.prototype).

var o = Object.create(Object);

创建一个新的空白对象,o其原型是Object函数.它不会创建一个函数,只是一个具有函数作为其原型的非函数对象.这可能很奇怪,可能不是你想要的.

var o = Object.create(null);

创建一个o原型为的新空白对象null.由于它的原型是null,它没有通常的Object.prototype东西,比如toString和valueOf和hasOwnProperty.这有点不寻常,虽然它有用例,例如当你使用一个对象作为字典/地图而不想要那些属性名称的误报时.(在ES2015 [aka ES6]中,另一种选择是使用Map.)

正如thg435在下面的评论中指出的那样,关于JavaScript的一个令人困惑的事情是,对象的原型与prototype你在函数上看到的属性完全不同.如果prototype财产有一个不同的名称可能会更好(虽然我无法想象没有大规模笨重的名字).

一个对象(让我们称之为o)有一个继承属性的原型对象.Object.getPrototypeOf函数属性上的对象不一定是任何对象的原型.相反,它是将被指定为通过prototype使用该函数创建的任何对象的原型的对象.

这里有例子帮助.

function Foo() {
}

该函数new具有Foo引用对象的属性.那个对象还没有用作任何东西的原型.它只是一个分配给对象实例Foo.prototype上调用的属性的prototype对象.

var f = new Foo();

现在该对象被用作原型,特别是它是Foo由f调用创建的对象的原型.

忽略一些细节,这行代码:

var f = new Foo();

...基本上这样做:

// Create a blank object, giving it `Foo.prototype` as its prototype
var f = Object.create(Foo.prototype);

// Call` Foo` using that new object as `this`
Foo.call(f);

正如我所说,这留下了一些细节,但希望它有助于明确new Foo函数的属性是什么......