重定义父类后，Javascript对象实例如何保留方法？

Question

我正在尝试理解 Javascript 原型继承，但无法理解对象实例与其各自类的原型属性之间的关系，该原型属性存储继承的方法。

我了解在类的原型属性中定义方法允许实例访问/继承这些方法，这样就不会重新定义方法。大概这是通过允许实例指向内存中的方法的指针（或类似的东西）来实现的。我也理解为什么向类的原型属性添加方法允许先前创建的实例访问这些“新”方法，因为实例只是访问它们的原型属性（包括它们派生的类），而原型属性又访问类的原型属性。

我不理解的是以下场景：

1. 我用方法定义了一个平凡的对象：

   function Person(name) {
     this.name = name;
   }
   Person.prototype.greeting = function() {
     return "Hello, " + this.name;
   }
   

2. 我创建了一个实例并且可以访问数据：

   var p = new Person("Ryan");
   p.name //"Ryan"
   p.greeting() //"Hello, Ryan"
   

3. 我重新定义人没有问候：

   Person = function (name) {
     this.name = name;
   }
   

4. 我仍然可以使用上一个实例的问候语：

   p.greeting() //"Hello, Ryan" but expected error

如果 Person 被重新定义，它会覆盖内存中先前的 Person 构造函数，如果不再有任何与 Person 关联的此类方法，实例“p”如何仍然可以访问 greeting 方法？实例实际上是在它们自己的原型字段中复制其继承类方法的位置吗？如果是这样的话，如果实例直接将这些方法的位置存储在自己的原型字段中，为什么总是谈论处理器必须“走上”才能找到继承方法的“原型链”？

非常感谢您的帮助。如果我错过了一些简单的事情，我深表歉意。

Answer 1

您正在混淆指向对象和对象本身的名称。使用时：

Person = function (name) {
  this.name = name;
}

您没有重新定义名称Person 指向的对象。您只是将名称 Person 指向一个新事物——一个新功能。旧的Person.protoype 仍在内存中，实例p 持有对它的引用，p.constructor 仍然指向原始的Person 函数。

您可以通过获取 Person.prototype 的引用并比较重新分配变量 Person 之前和之后来确认这一点

function Person(name) {
  this.name = name;
}
Person.prototype.greeting = function() {
  return "Hello, " + this.name;
}
var p = new Person("Ryan");

// p's prototype is Person.prototype
console.log(Object.getPrototypeOf(p) === Person.prototype) // true

// grab a reference of the protoype for later
let Pprotot = Person.prototype

// point variable Person at something else
Person = function (name) {
  this.name = name;
}

// p's prototype is STILL the old Person.prototype
console.log(Object.getPrototypeOf(p) === Pprotot)    // still true

// p also still holds a reference to the old function (through the prototype)
console.log(p.constructor)

// but it's not the same thing the variable Person now points to
console.log(p.constructor === Person)

Answer 2

我刚刚做了一个小测试，变量 p 似乎还在记住之前的对象。

Person = function(name) {
  this.name = name;
}
const s = new Person('hello');
s.name; //hello
s.greeting(); //s.greeting is not a function