在 ES6 中，我们可以使用扩展对象语法来更方便地定义对象。扩展对象语法包括对象的浅复制、属性的添加、重写和内部属性的复制。在这篇文章中，我将详细介绍 ES6 中的扩展对象语法，并提供一些示例代码，以帮助读者更好地理解和学习这个语法。
对象的浅复制
扩展对象语法可以用来复制一个对象，这个复制是浅拷贝。浅拷贝意味着复制的对象仅包含原对象的表层属性的引用，而不是它们所引用的对象。如果原对象的属性是一个引用类型的变量，那它将保持其引用，而不会被复制。
-- -------------------- ---- ------- --- --- - - -- -- -- - -- - - -- --- ---- - - ------ -- --------------------- -- ------- - ---------------------- -- ------- - ------- - -- --------------------- -- ------- - ---------------------- -- ------- -
从上述示例中，我们可以看到，我们首先定义了一个名为 obj 的对象，该对象有两个属性 a 和 b，其中 b 是一个包含属性 c 的对象。然后，我们使用扩展对象语法来创建 copy 对象，它是 obj 对象的浅拷贝。随后我们改变了 obj 对象的属性 b.c 的值，这也会使 copy 对象的属性 b.c 的值发生变化。
属性的添加、重写和内部属性的复制
我们可以使用扩展对象语法来添加、重写和复制对象的内部属性。内部属性是可枚举属性、不可枚举属性、原型和扩展属性。
添加属性
扩展对象语法允许我们添加属性。只需要在扩展对象语法中指定新属性的名称和属性值即可。
let obj = { a: 1 };
let copy = { ...obj, b: 2 };
console.log(copy); // Output: { a: 1, b: 2 }在上述示例中，我们首先定义了一个名为 obj 的对象，它有一个属性 a。然后，我们使用扩展对象语法添加了一个新属性 b。最终，我们输出了 copy 对象，它包含了原始对象 obj 和新的属性 b。
重写属性
我们可以使用扩展对象语法来重写对象的属性。只需要在扩展对象语法中指定属性的名称和新值即可。
let obj = { a: 1, b: 2 };
let copy = { ...obj, b: 3 };
console.log(copy); // Output: { a: 1, b: 3 }在上述示例中，首先我们定义了一个名为 obj 的对象，它有两个属性 a 和 b。然后，我们使用扩展对象语法将属性 b 的值从 2 更改为 3。最后，我们输出了 copy 对象，它包含了原始对象 obj，并将属性 b 的值从 2 更改为 3。
复制内部属性
使用扩展对象语法可以复制对象的内部属性。我们可以使用 Object.getOwnPropertyDescriptors() 方法来获取对象的所有内部属性描述符，并将它们传递给扩展对象语法。
let obj = { a: 1 };
let copy = { ...obj, ...Object.getOwnPropertyDescriptors(obj) };
console.log(copy); // Output: { a: 1, a: { value: 1, writable: true, enumerable: true, configurable: true } }在上述示例中，我们首先定义了一个名为 obj 的对象，它有一个属性 a。然后，我们使用扩展对象语法复制了 obj 对象的所有内部属性。最终，我们输出了 copy 对象，它包含了原始对象 obj 和它的内部属性描述符。
总结
扩展对象语法是一个很有用的语言特性，它能够使我们更轻松地创建复杂的数据结构。在本文中，我们已经详细介绍了 ES6 中的扩展对象语法，并提供了一些示例代码，以帮助读者更好地理解和学习这个语法。如果你对此还有疑问，可以参考 ECMAScript 2015 标准的相关文档，或者在 Stack Overflow 上寻求帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64631311968c7c53b0417d80