在 JavaScript 中，对象是一种非常常见的数据类型。我们经常需要对对象进行操作，比如复制、合并、提取属性等。在 ES9 中，引入了对象扩展运算符，它可以大大简化对象的操作，提高开发效率。
什么是对象扩展运算符
对象扩展运算符是三个点（...）符号，它可以将一个对象展开成多个键值对。具体来说，它可以用在以下场景：
- 复制对象
- 合并对象
- 提取对象的部分属性
复制对象
在 JavaScript 中，对象是引用类型。如果我们直接将一个对象赋值给另一个变量，那么两个变量实际上指向同一个对象。如果我们想要复制一个对象，就需要使用对象扩展运算符。
const obj1 = { a: 1, b: 2 };
const obj2 = { ...obj1 };
console.log(obj2); // { a: 1, b: 2 }通过对象扩展运算符，我们可以将 obj1 展开成 a: 1 和 b: 2 两个键值对，然后再用大括号将它们括起来，这样就得到了一个新的对象 obj2。现在，obj2 和 obj1 指向的是两个不同的对象，它们的值相同。
合并对象
在 JavaScript 中，我们经常需要将两个对象合并成一个新的对象。在 ES9 中，我们可以使用对象扩展运算符来实现这个功能。
const obj1 = { a: 1, b: 2 };
const obj2 = { c: 3, d: 4 };
const obj3 = { ...obj1, ...obj2 };
console.log(obj3); // { a: 1, b: 2, c: 3, d: 4 }通过对象扩展运算符，我们可以将 obj1 和 obj2 展开成多个键值对，然后再将它们合并成一个新的对象 obj3。现在，obj3 包含了 obj1 和 obj2 的所有属性。
需要注意的是，如果 obj1 和 obj2 中有相同的属性名，后面的属性会覆盖前面的属性。
提取对象的部分属性
在 JavaScript 中，我们经常需要从一个对象中提取部分属性，然后用这些属性创建一个新的对象。在 ES9 中，我们可以使用对象扩展运算符来实现这个功能。
const obj1 = { a: 1, b: 2, c: 3, d: 4 };
const { a, b, ...obj2 } = obj1;
console.log(obj2); // { c: 3, d: 4 }通过对象扩展运算符，我们可以将 obj1 展开成多个键值对，然后再将其中的 a 和 b 提取出来，剩下的属性用 ...obj2 收集起来，创建一个新的对象。现在，obj2 包含了 obj1 中除了 a 和 b 以外的所有属性。
需要注意的是，提取属性时，我们可以给属性取一个新的名字，比如：
const obj1 = { a: 1, b: 2, c: 3, d: 4 };
const { a: x, b: y, ...obj2 } = obj1;
console.log(x, y, obj2); // 1 2 { c: 3, d: 4 }在这个例子中，我们将 obj1 中的 a 和 b 分别提取出来，并给它们取了新的名字 x 和 y。
总结
对象扩展运算符是 ES9 中的一个新特性，它可以大大简化对象的操作，提高开发效率。我们可以使用对象扩展运算符来复制对象、合并对象、提取对象的部分属性。需要注意的是，如果合并对象时有相同的属性名，后面的属性会覆盖前面的属性。提取属性时，我们可以给属性取一个新的名字。
希望本文能够帮助你更好地理解对象扩展运算符，从而提高 JavaScript 的编程效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65e591321886fbafa4123043