原型链中的 getter/setter 实现：在原型上定义属性访问器-js教程-PHP中文网

应在原型上定义 getter/setter 以实现共享访问逻辑、节省内存并保持实例纯净；es5 用 object.defineproperty，es6+ 推荐 class 中 get/set 语法，需注意属性遮蔽和 this 指向。

原型链中的 getter/setter 实现：在原型上定义属性访问器

在原型上定义 getter/setter 是实现属性访问控制和动态计算的常用方式，它让实例对象能通过原型链自动继承这些访问器行为，无需在每个实例上重复定义。

为什么要在原型上定义 getter/setter

把 getter/setter 放在原型上，可以让所有实例共享同一套访问逻辑，节省内存；同时保持实例对象自身干净（不污染 this），也便于统一维护。如果写在构造函数内或直接赋给 this，每次新建实例都会创建一份新函数，既冗余又不利于响应式更新或派生计算。

基本写法：使用 Object.defineProperty

ES5 起可通过 Object.defineProperty 在原型对象上添加访问器属性：

javascript-pro

专注现代 ECMAScript、异步编程、性能优化和全栈的 JavaScript 专家，适用于现代开发

下载

function Person(name) {
  this._name = name;
}
<p>Object.defineProperty(Person.prototype, 'name', {
get() {
return this._name?.trim();
},
set(value) {
if (typeof value === 'string') {
this._name = value;
} else {
throw new TypeError('Name must be a string');
}
},
// 注意：enumerable 和 configurable 影响 for...in 和 delete 行为
enumerable: true,
configurable: true
});</p>

必须指定 get 或 set，不能只写一个而忽略另一个（否则未定义的一方默认为 undefined，读/写会静默失败或报错）
enumerable: false 时该属性不会出现在 for...in 或 Object.keys() 中（常用于隐藏计算属性）
configurable: false 后无法再修改描述符、删除该属性，也不能重定义为数据属性

ES6+ 更简洁的写法：class + get/set 语法

类声明中直接用 get / set 关键字，本质仍是往原型上定义访问器：

class Rectangle {
  constructor(width, height) {
    this._width = width;
    this._height = height;
  }
<p>get area() {
return this._width * this._height;
}</p><p>set area(value) {
const scale = Math.sqrt(value / this.area);
this._width <em>= scale;
this._height </em>= scale;
}
}</p>