JavaScript中原型链上的属性如果是Getter时this在读取时怎么指向-js教程-PHP中文网

getter中this指向调用该属性的对象而非定义它的原型，如obj.prop触发时this为obj；直接访问parent.prototype.prop时this为parent.prototype；继承链中仍以原始访问对象为准。

javascript中原型链上的属性如果是getter时this在读取时怎么指向

当通过原型链访问一个 Getter 属性时，this 的指向取决于**调用该 Getter 时的当前对象（即属性访问的主语）**，而不是定义该 Getter 的原型对象本身。

Getter 中的 this 指向调用者对象

JavaScript 的 Getter 是函数，但它被“触发”时，引擎会以属性访问的左侧对象为 this 执行该函数。即使 Getter 定义在原型上，只要它是从某个实例上调用的，this 就是那个实例。

如果写 obj.prop，且 prop 是原型上的 Getter，则执行时 this === obj
如果写 Parent.prototype.prop（直接在原型上读取），则 this === Parent.prototype
如果通过 call/apply 显式绑定，this 就是传入的那个对象

常见误区：以为 `this` 指向原型

很多人误以为“定义在哪，this 就指向哪”，但 Getter 不是静态绑定的——它像普通方法一样遵循动态绑定规则。例如：

JavaStoryDevelop

你接手一个需求时，是不是经常这样："改一个小字段 → 结果把不相关的代码也改了"、"需求说得很模糊 → 做着做着发现跑偏了"、"数据库加个字段 → 上线才发现漏了数据兼容"、"做了个新功能 → 一个月后自己都忘了当时怎么设计的"、"写到一半被中断 → 再回来不知道从哪继续"；这个 Skill 就是专门解决这些问题的。它会自动探测你的项目环境（JDK、Spring Boot、ORM、数据库、前端框架），记在

下载

const proto = {
  get value() {
    return this.x; // 这里的 this 是调用者，不是 proto
  }
};
const obj = Object.create(proto);
obj.x = 42;
console.log(obj.value); // 42 → this 指向 obj

即使 value 在 proto 上，obj.value 触发时 this 仍是 obj，所以能读到 obj.x。