在原型上定义函数时，是否在每个新实例上重新创建函数？

Question

我在 javascript 中有以下代码，但我不清楚以下原型的底层功能：

function TestClass()
{
}

var externalFunction = function() {
    console.log("hit the function defined internally");
};

Object.defineProperty(TestClass.prototype, "myFunction", {
    enumerable: false,
    writable: false,
    value: externalFunction
});

TestClass.prototype.myFunction2 = function() {
    console.log("hit the function defined on the prototype");
}

var tc = new TestClass();
var tc2 = new TestClass();

console.log(tc.myFunction === tc2.myFunction);
console.log(tc.myFunction2 === tc2.myFunction2);

是否在定义新的TestClass() 时重新创建myFunction 或myFunction2，或者新的TestClass() 是否包含指向原始myFunction 和myFunction2? 的指针

Answer 1

您使用 TestClass 函数作为构造函数创建的每个对象，例如

var test1 = new TestClass();
var test2 = new TestClass();

将具有相同的原型。当您尝试调用该函数时会发生什么：

test2.myFunction2();

是JS解释器会在test2引用的对象上查找myFunction2。它没有 myFunction2 属性，因此它查找链以查看 test2 的原型是否具有名为“myFunction2”的函数类型的属性 - 它确实存在，因此它调用它。

所以回答这个问题：

或者新的 TestClass() 是否包含指向原始 myFunction 和 myFunction2 的指针？

您使用 new TestClass() 创建的对象将包含对一个对象（它是原型）的引用，并且该对象包含对这两个函数的引用。请注意，新对象与其原型之间的引用是保密的，请参阅：

here

这可能会导致极度混乱，因为有两个东西叫做“原型” - 有一个构造函数的属性叫做“原型”，还有一个秘密链接（例如 proto 在 webkit 中）。在代码中似乎比写下来容易得多：

var TestClass = function() {}
TestClass.prototype = {
   method: function() {}
};

var a = new TestClass();
console.log(a.__proto__ === TestClass.prototype); // true
console.log(a.method === TestClass.prototype.method); // true