Object.create(Object.prototype)、Object.create(Object)和Object

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";

在内存中是这样的:

<>之前+−−−−−−−−−−−−−−−+ +−−−−−−−−−−−−−−−−−−−+|[[原型]]|−−−−−>|(标准|一个−−−−−−−−−−−−−−−−−−−−−−+−−> | foo: 42 | | 对象原型)|| +−−−−−−−−−−−−−−−+ +|+−−−−−−−−−−−−−−−+ |b−−>|[[原型]]|−−+|酒吧:"嗨"|+−−−−−−−−−−−−−−−+之前

证明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[又名ES6]另一个选择是使用Map代替。)

---

正如thg435在下面的评论中指出的那样，关于JavaScript的一个令人困惑的事情是，对象的原型与你在函数中看到的prototype属性完全不同。如果prototype属性有一个不同的名字可能会更好(尽管我无法想象它的名字会非常笨拙)。

一个对象(我们叫它o)有一个原型对象，它继承了它的属性。(在ES2015+中，你可以通过Object.getPrototypeOf访问该对象。)函数的prototype属性上的对象不一定是任何对象的原型。相反，对象将被指定为通过new使用该函数创建的任何对象的原型。

示例在这里有帮助。

function Foo() {
}

函数Foo有一个指向对象的属性Foo.prototype。这个对象还没有被用作任何东西的原型。它只是一个对象，在Foo对象实例上赋值给一个名为prototype的属性。

var f = new Foo();

现在该对象被用作原型，具体来说，它是由new 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);

正如我所说，这遗漏了一些细节，但希望它有助于清楚地说明函数的prototype属性是什么。

Answer 2

返回的是一个对象。

>>> typeof Object.create(Object)
<<< "object"
>>> Object.create(Object)
<<< Function {}
//           ^^

Function是Chrome地址对象的构造函数的名称。参见如何在Chrome开发工具中计算自定义类的javascript类名?

---

这部分回答回答了@phenomnomnominal在问题中的评论，解释了为什么创建的对象继承了函数属性，如call。

Object构造函数是一个函数，因此继承自Function原型:

>>> Object.call === Function.prototype.call
<<< true

所以一个对象有Object作为原型将有一个链接到函数原型通过原型链:

>>> Object.create(Object).call === Function.prototype.call
<<< true

---

正如@TJ所提到的，使用构造函数作为原型是相当奇怪的。您应该指定一个对象作为创建的对象将继承的原型。@TJ已经很好地解释了这部分