ECMAScript 2019 中有趣的新特性：把扩展运算符用于对象
在 JavaScript 中，扩展运算符（Spread Operator）是一个十分常用的语法特性。它允许我们用更加简洁的方式创建数组、传递函数参数等等。然而在 ECMAScript 2019（也称为 ES10）中，这个特性被进一步拓展，使其能够用于对象。
对于前端开发者来说，这个新特性十分有用，因为它能够大大简化我们创建对象的工作。所以，让我们来仔细探讨一下这个新特性。
什么是扩展运算符？
扩展运算符是用三个点（...）符号表示的语法特性，通常用于将数组或类数组对象（比如 arguments）展开成一系列值。例如，我们可以用扩展运算符来合并两个数组：
const array1 = [1, 2, 3]; const array2 = [4, 5, 6]; const mergedArray = [...array1, ...array2]; console.log(mergedArray); // [1, 2, 3, 4, 5, 6]
这里，我们使用了扩展运算符将 array1 和 array2 展开，然后将它们合并到 mergedArray 中。
将扩展运算符用于对象
在 ECMAScript 2018 中，JavaScript 添加了一种新的对象语法特性——对象字面量的扩展。这个特性允许我们通过简洁的语法来添加和修改对象属性。例如：
const name = 'Alice';
const age = 30;
const person = { name, age };
console.log(person); // { name: 'Alice', age: 30 }这里，我们通过对象字面量的扩展语法来创建了一个 person 对象，并添加了两个属性：name 和 age。
在 ECMAScript 2019 中，扩展运算符被进一步拓展，使我们可以使用它来合并和拷贝对象。例如：
const person = { name: 'Alice', age: 30 };
const career = { career: 'Programmer' };
const mergedPerson = {...person, ...career};
console.log(mergedPerson); // { name: 'Alice', age: 30, career: 'Programmer' }在这里，我们使用扩展运算符来合并 person 和 career 对象，并将结果存储在 mergedPerson 中。输出表明，新对象中包含两个对象所有属性。
我们也可以使用扩展运算符来拷贝对象：
const person = { name: 'Alice', age: 30 };
const copiedPerson = {...person};
console.log(copiedPerson); // { name: 'Alice', age: 30 }在这里，我们使用扩展运算符来创建 copiedPerson，以便它与 person 具有相同的属性。输出显示，新的对象被正确地创建了。
总结
在 ECMAScript 2019 中，JavaScript 添加了一个非常有用的新特性：扩展运算符用于对象。通过使用这个特性，我们可以大大简化对象的创建、合并和拷贝。这个特性的学习和指导意义也十分深刻，对于长期从事前端开发的人来说，使用它来创建对象会成为一种很自然的习惯。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64afb29148841e9894bd1466