从新手到高手：JS 对象属性访问与设置的 5 种方法

从入门到精通：掌握 JS 对象属性访问与设置的艺术

在 JavaScript 中，对象是数据存储和操作的基础。作为程序员，我们经常需要访问和设置对象中的属性。为了满足这种需求，JavaScript 提供了多种方法来实现属性的访问和设置，每种方法都有其独特的优势和应用场景。

方法一：点号（.）和中括号（[]）

点号（.）和中括号（[]）是两种最常用的属性访问和设置方法。点号语法简洁明了，适用于属性名已知且有效的场景。中括号语法则更加灵活，允许使用变量或表达式作为属性名，适用于动态属性访问和设置。

方法二：getter 和 setter 方法

getter 和 setter 方法是另一种访问和设置对象属性的有效方法。getter 方法用于获取属性值，setter 方法用于设置属性值。getter 和 setter 方法可以为属性提供额外的控制和验证机制，增强代码的可读性和可维护性。

方法三：Object.defineProperty()

Object.defineProperty() 方法允许我们以更加细粒度的控制来定义对象的属性。它可以设置属性的访问器（getter 和 setter）、可配置性（configurable）、可枚举性（enumerable）、可写性（writable）等属性。Object.defineProperty() 方法在创建不可配置或不可枚举的属性时非常有用。

方法四：Object.assign()

Object.assign() 方法可以将一个或多个对象的属性复制到另一个对象中。这是一种批量复制属性的便捷方法，适用于对象合并或复制场景。

方法五：代理（Proxy）

代理（Proxy）对象可以拦截对另一个对象的属性访问和设置操作，并对这些操作进行自定义处理。代理对象在属性验证、数据转换、性能优化等场景中非常有用。

如何让对象属性不可配置或枚举

在某些情况下，我们需要让对象属性不可配置或不可枚举。这有助于提高代码的安全性，防止属性被意外修改或枚举。

让对象属性不可配置

要让对象属性不可配置，可以在定义属性时将 configurable 属性设置为 false。这样，该属性就不能被删除或修改其属性符。

Object.defineProperty(obj, "name", {
  configurable: false,
  enumerable: true,
  writable: true,
  value: "John Doe"
});

让对象属性不可枚举

要让对象属性不可枚举，可以在定义属性时将 enumerable 属性设置为 false。这样，该属性将不会出现在对象的 for...in 循环中。

Object.defineProperty(obj, "age", {
  configurable: true,
  enumerable: false,
  writable: true,
  value: 30
});

通过灵活运用这些方法，我们可以更加高效、灵活地访问和设置 JavaScript 对象中的属性。合理地选择和使用这些方法，有助于提升代码的可读性、可维护性和安全性。