{site_name}

{site_name}

🌜 搜索

JavaScript 对象访问器指的是对象属性访问器,它允许我们使用 gette

前端 𝄐 0
js访问对象的方法,js对象方法访问对象属性,访问js对象属性的两种方法,js 访问器属性,js访问文件,js访问接口
JavaScript 对象访问器指的是对象属性访问器,它允许我们使用 getter 和 setter 函数来读取和设置对象属性的值。

Getter 函数用于获取对象属性值,如果对象属性需要进行一些处理或者计算,我们可以在 getter 函数中编写相应的代码,并返回一个结果。Setter 函数用于设置对象属性值,同样地,如果对象属性需要进行一些额外操作,我们也可以在 setter 函数中添加相应的代码。

下面是使用对象访问器的示例:

javascript
// 创建一个 person 对象
const person = {
firstName: 'John',
lastName: 'Doe',

// 声明 getter 和 setter 函数
get fullName() {
return ${this.firstName} ${this.lastName};
},

set fullName(name) {
const [first, last] = name.split(' ');
this.firstName = first;
this.lastName = last;
}
};

// 使用 getter 获取对象属性值
console.log(person.fullName); // 输出:John Doe

// 使用 setter 设置对象属性值
person.fullName = 'Jane Smith';

// 再次使用 getter 获取对象属性值
console.log(person.fullName); // 输出:Jane Smith


在这个例子中,我们创建了一个 person 对象,并声明了 fullName 属性的 getter 和 setter 函数。getter 函数通过拼接 firstName 和 lastName 属性的值并返回完整的名字,setter 函数通过将传入的名字字符串分割成姓和名并将它们分别赋值给 firstName 和 lastName 属性。我们可以通过调用 fullName 属性来获取或设置对象的完整名字。