JavaScript 是一门非常灵活的编程语言，它的语法和特性也在不断地更新。ES11（也称为 ECMAScript 2020）是 JavaScript 的最新版本，其中包含了许多新的语法和特性，其中之一就是可读性更好的扩展运算符用法。
扩展运算符简介
在 JavaScript 中，扩展运算符（Spread Operator）是一个非常有用的特性，它可以将一个可迭代对象（如数组、字符串或类数组对象）展开成一个逗号分隔的序列，用于传递函数参数或创建新的数组和对象。
例如，以下代码展示了如何使用扩展运算符将一个数组展开成函数参数：
function sum(a, b, c) {
return a + b + c;
}
const numbers = [1, 2, 3];
console.log(sum(...numbers)); // 输出 6在这个例子中，我们使用 ... 运算符将数组 numbers 展开成函数 sum 的参数，这样就可以将数组中的元素作为函数的参数传递进去。
ES11 扩展运算符的新特性
在 ES11 中，扩展运算符得到了一些新的特性，使其更易于阅读和使用。
1. 对象展开
在 ES11 之前，我们只能使用扩展运算符来展开数组。但是，在 ES11 中，我们还可以使用扩展运算符来展开对象。
例如，以下代码展示了如何使用扩展运算符将两个对象合并为一个新对象：
const person = { name: 'Alice', age: 30 };
const job = { title: 'Software Engineer', salary: 100000 };
const employee = { ...person, ...job };
console.log(employee);
// 输出 { name: 'Alice', age: 30, title: 'Software Engineer', salary: 100000 }在这个例子中，我们使用 ... 运算符将对象 person 和 job 展开，然后将它们合并成一个新的对象 employee。
2. 省略号
在 ES11 中，我们可以使用省略号（...）来表示剩余的元素或属性。
例如，以下代码展示了如何使用省略号来表示剩余的数组元素：
const [a, b, ...rest] = [1, 2, 3, 4, 5]; console.log(a); // 输出 1 console.log(b); // 输出 2 console.log(rest); // 输出 [3, 4, 5]
在这个例子中，我们使用 ...rest 来表示剩余的数组元素。
同样地，我们也可以使用省略号来表示剩余的对象属性：
const person = { name: 'Alice', age: 30, title: 'Software Engineer', salary: 100000 };
const { name, age, ...rest } = person;
console.log(name); // 输出 'Alice'
console.log(age); // 输出 30
console.log(rest); // 输出 { title: 'Software Engineer', salary: 100000 }在这个例子中，我们使用 { name, age, ...rest } 来表示剩余的对象属性。
总结
ES11 中的扩展运算符带来了许多新特性，使其更易于阅读和使用。我们现在可以使用扩展运算符来展开对象、表示剩余的元素和属性，这些都是非常实用的功能。
无论您是刚刚接触 JavaScript 还是已经是一名有经验的开发者，了解 ES11 中的扩展运算符都将对您有所帮助。希望这篇文章能够为您提供指导和帮助。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/656ae679d2f5e1655d362ba9