温馨提示×

JavaScript中getter与setter怎么使用

小亿
113
2023-09-21 23:04:31
栏目: 编程语言

JavaScript中的getter和setter是一种特殊的方法,用于获取和设置对象的属性值。以下是使用getter和setter的示例:

const obj = {
_name: 'Alice', // 私有属性
// getter方法
get name() {
return this._name;
},
// setter方法
set name(value) {
this._name = value;
}
};
console.log(obj.name); // 输出:Alice
obj.name = 'Bob'; // 设置name属性的值
console.log(obj.name); // 输出:Bob

在上面的示例中,obj对象的name属性使用了getter和setter方法。getter方法的名称是get后面加上属性名(例如getName),它没有参数并返回属性的值。setter方法的名称是set后面加上属性名(例如setName),它有一个参数用于设置属性的值。

在getter和setter方法内部,可以使用this关键字来引用对象本身。在getter方法中,我们直接返回私有属性_name的值。在setter方法中,我们将传入的值赋给私有属性_name

使用getter和setter方法的好处是可以在获取和设置属性值时执行额外的逻辑。例如,可以添加属性值的验证、转换等操作。

0