在 ECMAScript 2018 中，新增了 Rest/Spread 属性扩展，它对属性的处理方式进行了改进，同时也提供了更易理解和使用的 API。
Rest 属性扩展
REST 属性的语法是三个点（...），它可以用于函数形参或对象字面量中。在函数形参中使用 REST 属性，可以捕获不确定数量的参数，并将它们转化成数组，以便轻松操作。
例如，我们可以使用 REST 属性对一些数字进行求和：
// javascriptcn.com 代码示例
function sum(...nums) {
let total = 0;
for (const num of nums) {
total += num;
}
return total;
}
console.log(sum(1, 2, 3)); // 6
console.log(sum(4, 5, 6, 7)); // 22
console.log(sum(8)); // 8在对象字面量中使用 REST 属性，可以轻松地从一个对象中提取出一系列属性，并将它们放到单独的对象中。这样的语法可以实现对属性进行组合，同时还能够扩展现有的对象。
const obj1 = { a: 1, b: 2 };
const obj2 = { c: 3, d: 4 };
const combinedObj = { ...obj1, ...obj2 };
console.log(combinedObj); // { a: 1, b: 2, c: 3, d: 4 }Spread 属性扩展
SPREAD 属性的语法也是三个点（...），只不过其使用方式与 REST 属性正好相反。它可以将一个数组或对象拆分为单独的元素或属性，并将它们传递给其他函数或对象中。
例如，使用 SPREAD 属性可以轻松地将一个数组中的元素传递给一个新数组中，或者将一个对象中的属性传递给另一个新对象中。
// javascriptcn.com 代码示例
const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const combinedArr = [...arr1, ...arr2];
console.log(combinedArr); // [1, 2, 3, 4, 5, 6]
const obj1 = { a: 1, b: 2 };
const obj2 = { c: 3, d: 4 };
const combinedObj = { ...obj1, ...obj2 };
console.log(combinedObj); // { a: 1, b: 2, c: 3, d: 4 }指导意义
REST/SPREAD 属性扩展提供了一种简洁且易于理解的方法来处理对象和数组。这种技术的使用可以简化代码，使得它更容易维护，同时也可以提高代码的可读性。因此，随着 JavaScript 的不断发展，REST/SPREAD 属性扩展在前端开发中将变得越来越重要。
总结
ECMAScript 2018 新特性：REST/SPREAD 属性扩展通过提供新的 API，并改进了属性的处理方式，使得对象和数组的操作更加简便。REST 属性可以捕获不确定数量的参数，并将它们转换成数组，而 SPREAD 属性则可以将数组和对象拆分为单独的元素或属性，并传递到其他函数或对象中。在前端开发中，REST/SPREAD 属性扩展将变得越来越重要，并且可以让我们编写更加简单、可读性更强的代码。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6544f61d7d4982a6ebebdc7f