为什么我不能覆盖类（函数）描述中的方法定义？

Question

我不太明白，为什么我在第一条日志消息Prototype: [object Object]，第二条是Prototype: New Plant？

function Plant() {
this.toString = function() {
        return "Plant";
    }
}

function Fruit(name) {
    Plant.call(this);
    this.name = name;
    this.toString = function() {
        return "Fruit";
    }
}
Fruit.prototype = Object.create(Plant.prototype);     
var apple = new Fruit("apple");

console.log("Prototype: " + Object.getPrototypeOf(apple));
Plant.prototype.toString = function() {
    return "New Plant";
}
console.log("Prototype: " + Object.getPrototypeOf(apple));

我想既然我在 Plant 类中定义了 toString() 方法，那么所有 Fruit 实例也会有这个方法吗？

Answer 1

您的所有 Fruit 实例确实都可以访问 Plant 原型上的 .toString() 方法。但是，该方法被 Fruit 构造函数中的直接赋值覆盖。一旦 Fruit 构造函数为 this.toString 分配了一些东西，那将始终在原型链中隐藏 .toString()。

请记住，在 Fruit 构造函数的代码中，this 指的是新创建的实例。因此，对 this 属性的赋值是直接存在于每个实例上的属性。

在像x.toString() 这样的任何表达式中，对名称为“toString”的属性的搜索从对象本身开始。如果在那里找到，则根本不参考原型链。

现在，关于为什么您的 console.log() 语句会打印它们所做的其他问题，请注意 first 调用发生在您放置 .toString() 方法之前在工厂原型上。完成此操作后，在对 console.log() 的调用中的 + 表达式中发生的从对象到字符串的转换将隐式调用该函数以将原型对象转换为字符串。