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）有一个继承属性的原型对象。函数的prototype属性上的对象不一定是任何对象的原型。相反，它是将指定为使用该函数通过new创建的任何对象的原型的对象。

示例有帮助。

function Foo() {
}

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

var f = new Foo();

现在该对象被用作原型，特别是它是f调用创建的new Foo对象的原型。

忽略一些细节，这行代码：

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解决对象构造函数的名称。见How are javascript class names calculated for custom classes in Chrome Dev Tools?

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

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

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

因此，以Object为原型的对象也将通过原型链链接到Function原型：

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

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

Object.create（Object.prototype），Object.create（Object）和Object.create（null）之间的区别

2 个答案: