揭秘JavaScript对象属性的隐藏特性：探索可写性、可枚举性和更多知识

前端

2023-11-17 21:22:47

JavaScript对象属性的特性：全方位解析

JavaScript对象属性除了属性名和属性值之外，还包括其它有意义的特性，例如可写性、可枚举性和可配置性，还有setter和getter特性，这些特性对开发健壮的库非常有帮助。

1. 可写性：属性值的可修改性

可写性决定了属性值是否可以被修改。如果一个属性具有可写性，则其值可以通过赋值运算符(=)进行修改。反之，如果一个属性不可写，则任何尝试修改其值的尝试都会失败，并且会抛出TypeError异常。

2. 可枚举性：属性在for-in循环中的可见性

可枚举性决定了属性是否会在for-in循环中被枚举。如果一个属性具有可枚举性，则它将在for-in循环中被枚举，并且循环会返回该属性的属性名和属性值。反之，如果一个属性不可枚举，则它不会在for-in循环中被枚举。

3. 可配置性：属性的可删除性和修改性

可配置性决定了属性是否可以被删除或修改其特性。如果一个属性具有可配置性，则它可以被delete运算符删除，并且其特性也可以被修改。反之，如果一个属性不可配置，则它不能被删除，其特性也不能被修改。

4. 访问器：getter和setter方法

getter和setter方法是JavaScript对象属性的特殊特性。getter方法用于获取属性值，而setter方法用于设置属性值。getter和setter方法可以提供对属性值的额外控制，例如进行数据验证或执行副作用。

深入理解JavaScript对象属性特性

为了更好地理解JavaScript对象属性的特性，我们来看一个简单的示例：

const person = {
  name: "John Doe",
  age: 30,
  // 使用getter方法定义一个只读属性
  getFullName() {
    return this.name;
  },
  // 使用setter方法定义一个可写属性
  setFullName(fullName) {
    const parts = fullName.split(" ");
    this.name = parts[0];
    this.lastName = parts[1];
  }
};