JavaScript 和原型继承

Question

似乎我终于理解了 JavaScript 继承以及它应该如何正确完成。这是我的代码：

function Human(eyes) {
    this.eyes = eyes ? "Not blind" : "Blind";
}
Human.prototype.canSee = function () {
    return this.eyes;
};
function Male(name, eyes) {
    Human.call(this, eyes);
    this.name = name;
}
Male.prototype = Object.create(Human.prototype);
var Sethen = new Male("Sethen", true);
console.log(Sethen.canSee()); //logs "Not blind"

据我了解，使用Object.create 创建原型对象进行继承比使用new 关键字要好得多。这在我的脑海中提出了几个问题。

1. 在Male.prototype = Object.create(Human.prototype) 中，原型链会是Male.prototype --> Human.prototype --> Object.prototype --> null吗？
2. 在我使用Human.call(this, eyes); 调用超类的Male 构造函数中，我必须在Male 构造函数中再次传递眼睛，以将其传递给Human 构造函数。这似乎很痛苦，有没有更简单的方法可以做到这一点？
3. 为什么有时我会看到像Male.prototype = new Human(); 这样的代码……这似乎是不正确的。当我们这样做时，实际发生了什么？？

Answer 1

回答您的问题：

1. 没错。当您设置Male.prototype = Object.create(Human.prototype) 时，您将原型链设置为Male.prototype --> Human.prototype --> Object.prototype --> null。然后，当您创建 var Sethen = new Male 时，实例 (Sethen) 将从该原型链继承。
2. 不，您需要手动将参数传递给基本构造函数。如果您想在Male 函数本身内设置this.eyes = eyes ? "Not blind" : "Blind"，但这只是代码重复。你的做法是正确的。
3. 那是旧的做事方式（在Object.create 标准化之前）。我建议你不要使用它。在大多数情况下，它与新方法相同。但是，使用这种方法，您还会在 Male.prototype 上获得不需要的属性，例如 eyes。

当我们执行Male.prototype = new Human 时，我们会创建一个Human 的新实例并将其分配给Male.prototype。因此原型链是Male.prototype --> Human.prototype --> Object.prototype --> null。然而，我们也得到了我们不需要的属性Male.prototype.eyes。那应该只属于Male的实例。

我建议您阅读我的博客文章。这是一个非常好的原型继承入门：Aadit M Shah | Why Prototypal Inheritance Matters