getter是javascript中用于按需计算和封装逻辑的访问器属性,通过get关键字或object.defineproperty定义,读取时自动执行无参函数,支持与setter协作但需避免无限递归和严格模式赋值错误。

Getter访问器属性是JavaScript中一种特殊的对象属性,它不直接存储值,而是在读取该属性时自动执行一段函数,返回计算结果。它的核心作用是实现属性的“按需计算”和“封装逻辑”,让对象对外暴露一个看似普通属性的接口,背后却隐藏了动态逻辑。
Getter的基本定义方式
可以通过两种主流方式定义getter:
- 对象字面量中使用get关键字:在属性名前加get,后跟函数体,函数不能有参数(否则会报错)。
- Object.defineProperty()方法:传入描述符对象,其中get字段为一个无参函数,enumerable和configurable可显式控制其行为。
例如:
const obj = {
get fullName() {
return `${this.firstName} ${this.lastName}`;
}
};
<p>// 或
Object.defineProperty(obj, 'age', {
get() {
return new Date().getFullYear() - this.birthYear;
},
enumerable: true,
configurable: true
});
</p>
Getter的执行时机与隐式调用
Getter不是在对象创建时运行,而是在代码中以点号或方括号形式读取该属性时才触发。每次访问都重新执行函数体,不会缓存结果(除非手动实现缓存逻辑)。
- 访问
obj.fullName→ 触发fullName对应的getter函数 - 使用
console.log(obj.fullName)、obj.fullName === 'John Doe'、解构{ fullName } = obj都会触发 - 但
obj['fullName']同样触发,说明方括号语法也适用
注意:如果getter内部访问自身属性(如this.fullName),会导致无限递归报错——这是常见陷阱。
Getter与普通属性、setter的协作关系
Getter通常与私有数据或其它属性配合使用,它本身不负责写入,只负责读出。若还需支持赋值,则需配套定义setter:
- setter函数接收一个参数(即赋值表达式的右值),常用于校验、转换或更新关联状态
- 同一个属性名下,getter和setter必须成对出现(不能只有getter或只有setter)
- 它们共享同一属性键名,但内部可操作不同底层字段(如
_value)来避免冲突
示例:
const temperature = {
_celsius: 25,
get fahrenheit() {
return this._celsius * 9 / 5 + 32;
},
set fahrenheit(value) {
this._celsius = (value - 32) * 5 / 9;
}
};
关键特性与注意事项
理解getter的行为边界有助于写出健壮代码:
- getter函数中的
this指向调用时的对象(非定义时的对象),支持原型链继承 - 不可枚举性默认为
false(即for...in和Object.keys()默认不包含getter,除非显式设enumerable: true) - 不可配置性影响删除和重定义:
configurable: false后无法删除该属性,也无法再次用defineProperty修改其getter/setter - 严格模式下,getter函数内不能对自身属性赋值(如
this.prop = x),否则报错;应改用私有字段或独立变量
Java免费学习笔记:立即使用
解锁 Java 大师之旅:从入门到精通的终极指南











