javascript - 这句话是什么意思: "In other words, obj.prototype is in general not the obj' s {Prototype}.”

Question

我正在尝试理解 javascript 中的 new 词。最佳答案在这里 What is the 'new' keyword in JavaScript?推荐this文章。

在那篇文章的原型(prototype)部分，作者说:

In other words, obj.prototype is in general not the obj's {Prototype}.

这是什么意思？我对原型(prototype)(产生其他对象的对象)有一个模糊的理解。我知道 javascript 不像 C# 和 Java 那样有类。是上面这句话表达的意思吗？

Answer 1

我不确定这篇文章是理解这里发生的事情的最佳方式 - 这是一个很好的技术解释，但可能不是获得直观理解的最佳方式。

让我们退后一步来解决这个问题。

属性查找快速浏览

理解原型(prototype)继承的一种方法是将其视为“如果我没有，看看那边”的方式。

假设你有一个对象并试图访问一个不存在的属性，JS 将返回值undefined:

var x = {};
x.foo //=> undefined

所有对象都继承自 Object.prototype，所以看看如果我们修改它会发生什么:

var x = {};
x.foo //=> undefined

Object.prototype.foo = 'hello there';
x.foo //=> 'hello there';

发生了什么事？当我们最初创建 x 时，JavaScript 设置了一个指向 Object.prototype 的内部 [[Prototype]] 属性。实际上，有一个查找算法看起来像(伪代码):

Lookup(obj, prop) = 
  if HasProperty(object, property)
    return GetPropertyValue(object, property)
  else if HasPrototype(object)
    return Lookup(PrototypeOf(object), property)
  else
    return undefined

也就是说，从初始对象开始，查找属性，如果没有，就顺着原型(prototype)链一直找。如果我们到达原型(prototype)链的末尾，则该属性必须未定义。

那么 new 运算符呢？

new 运算符为我们提供了一种方法:

1. 将对象的原型(prototype)动态设置为 Object.prototype 以外的东西>
2. 在创建对象时做一些初始化工作

注意:在 ES5 中，我们还有 Object.create这给你 1，而不是 2。

当你说 new Foo(a, b) 时，会发生以下情况:

1. 我们创建一个新对象，其内部 [[Prototype]] 设置为 Foo.prototype。
2. 我们运行函数 Foo(它只是一个普通函数)，其上下文(想想 this)设置为我们刚刚创建的新对象
3. 我们在函数完成后返回新对象(实际上，如果函数显式返回一个值，我们只返回那个值，但大多数时候，我们不会这样做)。

等等，Foo.prototype 是从哪里来的？

让我们看看 - 在控制台中运行以下命令:

function Foo() {}
typeof Foo.prototype //=> "object"

当我们在 JS 中创建一个函数时，它会附带一个附加到其 prototype 属性的对象。它只是一个对象，与任何其他对象一样，因此您可以操作它、设置/删除属性，甚至完全覆盖它(上述文章展示了一个示例)。

例如:

function Foo() {}
Foo.prototype.answer = 42;
var foo1 = new Foo();
var foo2 = new Foo();

foo1.answer //=> 42
foo2.answer //=> 42

// If you want you can change foo2's answer
foo2.answer = 'something else';

// Foo.prototype is unchanged
Foo.prototype.answer //=> 42
foo1.answer //=> 42 (still getting its answer from the prototype)
foo2.answer //= 'something else'

回到最初的问题

继续上面的 foo 示例，原始文章指的是 foo1 和 foo2 没有 prototype 属性设置在他们身上:

foo1.prototype //=> undefined
foo2.prototype //=> undefined

注意:有一个非标准的__proto__ property许多 JS 引擎提供将给你一个对象的原型(prototype)，而在 ES5 中，你也有 Object.getPrototypeOf访问给定对象的原型(prototype)。

相关链接:

• MDN's page on the new operator.
• MDN's page on "working with objects".