随着 JavaScript 的发展，ECMAScript 2017 增加了许多新的语言特性。其中，对象展开运算符是其中一个值得重点关注和学习的特性。
概述
对象展开运算符（...）是 ECMAScript 2017 中的一项新特性，它可以让我们更轻松地操作对象。它能够将一个对象中的所有可枚举属性复制到另一个对象中，并创建一个新的对象。
在以前，我们需要使用 Object.assign() 或其他方法进行手动拷贝属性，而对象展开运算符可以让这个过程变得更容易。
例子
让我们看一个例子。假设我们有两个对象 person1 和 person2，它们都有 name 和 age 属性：
-- -------------------- ---- ------- ----- ------- - - ----- -------- ---- -- -- ----- ------- - - ----- ------ ---- -- --
现在，我们想合并这两个对象，并创建一个新的对象。在以前，我们可能会使用 Object.assign()：
const merged = Object.assign({}, person1, person2);
console.log(merged); // { name: 'Bob', age: 30 }使用对象展开运算符，我们可以更简单地完成同样的任务：
const merged = { ...person1, ...person2 };
console.log(merged); // { name: 'Bob', age: 30 }更多用例
对象展开运算符不仅可以用于对象合并，还可以用于许多其他情况。下面是一些例子：
复制对象
如果你想复制一个对象，可以使用对象展开运算符：
const person = { name: 'Alice', age: 25 };
const copy = { ...person };
console.log(copy); // { name: 'Alice', age: 25 }这可以创建一个新的对象，其中包含与原始对象相同的属性。
覆盖属性
你也可以使用对象展开运算符覆盖一个对象的属性：
const person = { name: 'Alice', age: 25 };
const updated = { ...person, age: 30 };
console.log(updated); // { name: 'Alice', age: 30 }在这个例子中，我们将 person 对象中的 age 属性更新为 30 并创建了一个新的对象。
在函数中使用
对象展开运算符也可以在函数参数中使用。例如，假设我们有一个函数需要接收一个对象参数：
function showPerson(person) {
console.log(`${person.name} is ${person.age} years old.`);
}使用对象展开运算符，我们可以将对象作为函数参数进行传递：
const person = { name: 'Alice', age: 25 };
showPerson({ ...person }); // Alice is 25 years old.这使得传递对象参数更为简单。
结论
ECMAScript 2017 中的对象展开运算符可以带来许多便利，使得我们可以更容易地操作和处理对象。无论你是在处理对象合并、属性覆盖还是在传递函数参数时，都可以使用对象展开运算符来简化你的代码。
因此，在日常的工作中，当我们需要处理对象时，可以在适当的地方使用对象展开运算符，来让我们的代码更为简洁易懂。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67245c692e7021665e132bcd