javascript - 阐明 JavaScript 原型(prototype)

Question

假设我有一个子函数:

function Child() {}

并且有一个父函数:

function Parent() {}

然后我将 Child 的原型(prototype)设置为 Parent 的新实例:

Child.prototype = new Parent()

每次我创建新的 Child 实例时都会感到困惑

var c = new Child()

Parent 会被再次创建吗？

Answer 1

它只创建一次。每次调用 new Child() 时，都会创建一个新的 Child 对象，并将相同的 Parent 对象设置为其原型(prototype)。您可以通过执行以下操作 ( jsfiddle ) 来确认这一点:

function Child() {}
function Parent() {
    this.aParentProp = { name : "Parent" };
}
Child.prototype = new Parent();
var c1 = new Child();
var c2 = new Child();

if(Object.getPrototypeOf(c1) === Object.getPrototypeOf(c2)) {
    alert("same prototype!");
}

if(c1.aParentProp === c2.aParentProp) {
    alert("same property!");
}

c1 和c2 都有相同的原型(prototype) 使用Object.getPrototypeOf .此外，c1 和 c2 的 aParentProp 都指向同一个对象实例，表明 c1 和c2 为其 prototype 共享相同的 Parent 对象。