Javascript原型继承和“instanceof”

Question

我只是不明白，为什么在对象继承中“instanceof”无法将“子”对象评估为父原型的实例。例如：

function Parent(property) {
    this.property = property;
}

function Child(property) {
    Parent.call(property);
}

const child = new Child("");

console.log(child instanceof Child); // of course, true
console.log(child instanceof Parent); // false. But why???

至于类的继承（或者更确切地说是JS中的类），情况就不同了：

class Parent {
    constructor(property) {
        this.property = property;
    }
}

class Child extends Parent {
    constructor(property) {
        super(property);
    }
}

const child = new Child("");

console.log(child instanceof Child); // true
console.log(child instanceof Parent); // also true!!!

造成这种差异的原因是什么？是否可以创建子对象，以便正确地将它们识别为父原型的实例（无需借助类）？

Answer 1

您的第一个示例很简单，与“原型继承”在 Javascript 中的工作方式相差甚远。

一方面，Parent.call(property) 肯定不是您的意思。这会调用Parent 并将其this 设置为property，并且没有传递任何参数，这绝对不是您想要的。我怀疑你的意思是 Parent.call(this, property) - 它调用 Parent 与传递给 Child 的 this 相同，并通过 property 参数。但这与“继承”无关。

instanceof 运算符只是检查对象的“原型链”以查看相关对象（您正在测试的“类”的prototype 属性）是否出现在任何地方。操作对象以影响instanceof 运算符的唯一方法是更改​​原型链。

有很多方法可以做到这一点，但是在 ES6 之前的 JS 中“伪造”诸如基于类的继承之类的标准方法是这样的：

function Parent(property) {
    this.property = property;
}

function Child(property) {
}

Child.prototype = Object.create(Parent.prototype);

const child = new Child("");

console.log(child instanceof Child);
console.log(child instanceof Parent);

它手动使从Child 构造的所有对象委托给Object.create(Parent.prototype)，Object.create(Parent.prototype) 本身就是一个从Parent.prototype“继承”的对象（否则完全为空且没有特殊属性）。所以现在当instanceof检查原型链时，它找到了它正在寻找的东西，因此返回true，从上面的sn-p可以看出。

当然，如果你真的想在 JS 中实现基于类的继承（我个人不推荐，但肯定很受欢迎），ES6 class 语法提供了更好的语法糖，所以你没有如上所述手动弄乱原型链。但请注意，这基本上是 ES6 类“幕后”发生的事情。

我强烈推荐this 书（可免费在线阅读）以获得更深入的解释。在这种情况下，第 5 章是最相关的。