设置属性 JavaScript

在 JavaScript 中，有多种方式可以设置对象的属性。下面将介绍三种常见的方法。

方法一：点号语法

点号语法是设置属性最常用的方式之一。你可以通过对象名加上点号并跟上属性名的方式来设置属性：

var person = { name: "John", age: 30 }; // 创建一个名为 person 的对象

person.name = "Jane"; // 设置 person 对象的 name 属性为 "Jane"

在上述示例中，person 对象的 name 属性被设置为 "Jane"。

方法二：方括号语法

方括号语法可以在对象上使用一个字符串作为 key 来访问属性。这是一个更加灵活的方式，因为你可以动态地设置对象的属性。

var person = { name: "John", age: 30 }; // 创建一个名为 person 的对象

person["name"] = "Jane"; // 设置 person 对象的 name 属性为 "Jane"
person["height"] = 170; // 动态地设置 person 对象的 height 属性为 170 厘米

在上述示例中，person 对象的 name 属性被设置为 "Jane"，同时动态地设置了一个名为 height 的属性，其值为 170。

方法三：Object.defineProperty()

Object.defineProperty() 方法是一种更加灵活和细粒度的方式来设置对象的属性。该方法允许你设置属性的 getter 和 setter 方法、枚举、可写性等等。

下面是一个使用 Object.defineProperty() 方法设置属性的示例：

var person = {};

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

person.name = "Jane"; // 仍然可以修改 person 对象的 name 属性

console.log(person.name); // 输出 "Jane"

在上述示例中，我们使用 Object.defineProperty() 方法设置了一个 name 属性，其值为 "John"。我们还将 writable, enumerable 和 configurable 属性都设置为 true。这样，我们可以通过对象点号或方括号语法来修改 name 属性的值。

总结

以上，我们介绍了三种常见的设置 JavaScript 对象属性的方法。它们分别是点号语法、方括号语法和 Object.defineProperty() 方法。您可以根据您的具体需要选择其中一种或多种方法来设置对象属性。