在构造函数原型上定义的方法如何访问Javascript中构造函数中的实例成员？

Question

我正在学习Javascript中的原型和原型链，但我对以下问题感到困惑。假设我有下面的构造函数：

function Circle() {
    this.radius = 1;
}

let c1 = new Circle();

Circle.prototype.toString = function() {
    console.log('The radius is: ' + this.radius);
}

c1.toString(); // "The radius is: 1"

在上面的示例中，c1和Circle都为其原型引用了内存中的同一对象。toString函数在原型上定义，而不是在构造函数中定义。因此，当我在c1上调用toString时，javascript引擎应该首先查看c1，然后查看包含toString函数的原型对象。它正在“向上”寻找原型链。

我的问题是，为什么this.radius可以工作？在原型上定义的toString函数如何知道构造函数中定义的实例成员？这就像从原型对象到实际的实例对象“向下”查找原型链一样。

Answer 1

你的问题的答案很简单。this将始终引用它的调用者对象。

在本例中，toString方法是在c1实例上调用的，因此在toString中，this将引用c1，并在其中找到radius属性。