JavaScript对象属性详解

今日不肯埋头，明日何以抬头！每日一句努力自己的话哈哈~哈喽，今天我将给大家带来一篇《JavaScript对象属性：描述符与特性详解》，主要内容是讲解等等，感兴趣的朋友可以收藏或者有更好的建议在评论提出，我都会认真看的！大家一起进步，一起学习！

JavaScript对象属性包含元信息“属性特性”，由“属性描述符”表示，分为数据描述符和访问器描述符，不可共存；数据描述符含value和writable特性，控制值及可写性；访问器描述符含get和set函数，用于拦截读取与赋值操作；两者均具configurable和enumerable特性，决定属性是否可配置及可枚举；通过Object.defineProperty()可定义或修改属性及其描述符，实现对属性行为的精细控制；使用Object.getOwnPropertyDescriptor()可查看单个属性描述符，Object.getOwnPropertyDescriptors()可获取对象所有自身属性的描述符；字面量创建的属性默认writable、enumerable、configurable均为true，而defineProperty定义的属性对应特性默认为false，更安全；掌握属性描述符有助于数据封装、响应式系统实现与高级API设计。

JavaScript 中的对象属性不仅仅是简单的键值对，它们还包含一些元信息，称为“属性特性”（property attributes）。这些特性由“属性描述符”（property descriptor）来表示。理解属性描述符和属性特性，有助于更精细地控制对象的行为。

属性描述符的类型

在 JavaScript 中，属性描述符有两种主要类型：数据描述符和访问器描述符。它们不能同时存在。

数据描述符 是一个具有值的属性，可以控制该值是否可写、可枚举、可配置。 访问器描述符 是由 getter 和 setter 函数定义的属性，当属性被读取或赋值时会触发对应函数。

两种描述符都包含以下两个通用特性：

• configurable：如果为 false，表示该属性不能被删除，且其描述符不能再被修改（除 writable 外）。
• enumerable：如果为 true，该属性会在 for...in 循环或 Object.keys() 中出现。

数据描述符特有的属性：

• value：属性对应的值，默认为 undefined。
• writable：如果为 true，该属性的值可以被修改。

访问器描述符特有的属性：

• get：获取属性值时调用的函数，若无则为 undefined。
• set：设置属性值时调用的函数，若无则为 undefined。

使用 Object.defineProperty()

通过 Object.defineProperty() 可以定义或修改对象的属性及其描述符。

例如，创建一个不可写的属性：

const obj = {};
Object.defineProperty(obj, 'name', {
  value: 'Alice',
  writable: false,
  enumerable: true,
  configurable: false
});
obj.name = 'Bob'; // 无效，因为 writable 为 false
console.log(obj.name); // 输出 Alice

再比如，使用 get 和 set 创建访问器属性：

const person = {
  firstName: 'John',
  lastName: 'Doe'
};

Object.defineProperty(person, 'fullName', {
  get() {
    return this.firstName + ' ' + this.lastName;
  },
  set(value) {
    [this.firstName, this.lastName] = value.split(' ');
  },
  enumerable: true,
  configurable: true
});

console.log(person.fullName); // John Doe
person.fullName = 'Jane Smith';
console.log(person.firstName); // Jane

查看属性描述符

使用 Object.getOwnPropertyDescriptor() 可查看某个属性的描述符：

const desc = Object.getOwnPropertyDescriptor(obj, 'name');
console.log(desc);
// 输出: { value: 'Alice', writable: false, enumerable: true, configurable: false }

要获取对象所有自身属性的描述符，可使用 Object.getOwnPropertyDescriptors()：

console.log(Object.getOwnPropertyDescriptors(person));

属性特性的默认值

直接通过字面量添加的属性，其描述符特性默认如下：

• writable: true
• enumerable: true
• configurable: true

而通过 defineProperty 定义的属性，若未显式指定，则这些特性默认为 false。

这意味着手动定义的属性更“安全”，不易被意外修改或枚举。

基本上就这些。掌握属性描述符能让你更好地封装数据、实现响应式系统或构建高级 API。不复杂但容易忽略。

好了，本文到此结束，带大家了解了《JavaScript对象属性详解》，希望本文对你有所帮助！关注golang学习网公众号，给大家分享更多文章知识！