前言
ECMAScript 2018 是 JavaScript 的最新标准，其中新增了许多有用的特性和语法糖。其中，Rest/Spread 属性是一个非常实用的特性，它可以使开发者更加高效地编写代码。本文将详细介绍 Rest/Spread 属性的使用方法和实例。
Rest 属性
Rest 属性是一个用于将多个参数合并为一个数组的语法糖。它使用三个点（...）作为前缀，后跟一个数组名称，可以将函数的多个参数合并为一个数组，方便对这些参数进行操作。
function sum(...numbers) {
return numbers.reduce((total, num) => total + num);
}
console.log(sum(1, 2, 3, 4)); // 10在上面的例子中，我们定义了一个 sum 函数，使用 Rest 属性将多个参数合并为一个数组，然后使用 reduce 方法计算它们的总和。
除了函数参数之外，Rest 属性还可以用于解构赋值，将数组或对象中的多个值合并为一个数组。
const [a, b, ...c] = [1, 2, 3, 4, 5]; console.log(c); // [3, 4, 5]
在上面的例子中，我们使用 Rest 属性将数组中的 3、4、5 合并为一个新数组。
Spread 属性
Spread 属性是 Rest 属性的反义词，它用于将数组或对象展开为多个值。它同样使用三个点（...）作为前缀，可以将一个数组或对象展开为多个值。
const numbers = [1, 2, 3]; console.log(...numbers); // 1 2 3
在上面的例子中，我们使用 Spread 属性将数组中的元素展开为多个值。
除了数组之外，Spread 属性还可以用于对象，将一个对象展开为多个键值对。
const person = { name: 'Tom', age: 20 };
const newPerson = { ...person, age: 21 };
console.log(newPerson); // { name: 'Tom', age: 21 }在上面的例子中，我们使用 Spread 属性将 person 对象展开为多个键值对，然后修改了 age 属性，最后生成了一个新的对象。
总结
Rest/Spread 属性是 ECMAScript 2018 中非常实用的特性，可以让开发者更加高效地编写代码。本文介绍了 Rest/Spread 属性的使用方法和实例，希望能够对初学者有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65c6cd21add4f0e0ff10c513