ES6 对象拓展：提升 JavaScript 对象

2023-09-30 21:51:29

概述

JavaScript 对象是强大的数据结构，用于组织和操作数据。ES6 引入了几个关键特性，增强了对象的处理能力，包括：

引用变量
Object.defineProperty()
Object.assign()
Object.freeze()
Object.seal()

引用变量

引用变量允许您在对象属性中引用另一个变量，而不是直接存储其值。当引用变量更改时，对象属性也会相应更新。

const person = {
  name: "John",
  age: 30,
  address: {
    street: "123 Main Street",
    city: "Anytown"
  }
};

const address = person.address;
address.street = "456 Elm Street";

console.log(person.address.street); // 输出："456 Elm Street"

Object.defineProperty()

此方法允许您定义或修改对象属性的特性，包括可写性、可枚举性和可配置性。

const person = {};

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

person.name = "Jane"; // 无效，因为属性不可写
console.log(person.name); // 输出："John"

Object.assign()

此方法用于合并多个对象。它将源对象中的所有属性复制到目标对象中。

const person = {
  name: "John"
};

const address = {
  street: "123 Main Street",
  city: "Anytown"
};

const fullInfo = Object.assign({}, person, address);

console.log(fullInfo); // 输出：{ name: "John", street: "123 Main Street", city: "Anytown" }

Object.freeze()

此方法使对象不可变，即无法再更改其属性或添加新属性。

const person = {
  name: "John",
  age: 30
};

Object.freeze(person);

person.name = "Jane"; // 无效，因为对象已冻结
console.log(person.name); // 输出："John"

Object.seal()

此方法使对象只读，但允许修改现有属性。

const person = {
  name: "John",
  age: 30
};

Object.seal(person);

person.age = 31; // 有效，因为属性可写
console.log(person.age); // 输出："31"

person.lastName = "Doe"; // 无效，因为无法添加新属性
console.log(person.lastName); // 输出：undefined