在 ECMAScript 2020 中，Rest 参数和 Spread 操作符是两个非常重要的新特性。它们可以让我们更方便地操作数组和对象，并且可以提高代码的可读性和可维护性。在本文中，我们将详细介绍 Rest 参数和 Spread 操作符的用法和示例代码，帮助读者更好地掌握这两个特性。
Rest 参数
Rest 参数是一种新的函数参数语法，它允许我们将不定数量的参数表示为一个数组。在函数参数列表中，我们可以使用三个点（...）加上一个参数名来定义 Rest 参数，例如：
// javascriptcn.com 代码示例
function sum(...args) {
let result = 0;
for (let arg of args) {
result += arg;
}
return result;
}
console.log(sum(1, 2, 3, 4)); // 输出 10在上面的代码中，Rest 参数 args 表示不定数量的参数，它们会被合并为一个数组。在函数体内，我们可以像操作普通数组一样操作 args 数组，例如使用 for 循环遍历数组并求和。
Rest 参数的另一个优点是可以和普通参数一起使用，例如：
function multiply(multiplier, ...numbers) {
return numbers.map(n => n * multiplier);
}
console.log(multiply(2, 1, 2, 3)); // 输出 [2, 4, 6]在上面的代码中，我们定义了一个函数 multiply，它接受一个 multiplier 参数和不定数量的 numbers 参数。我们使用 map 方法将 numbers 数组中的每个元素乘以 multiplier，最后返回一个新的数组。
Spread 操作符
Spread 操作符是一种新的语法，它可以将数组或对象展开成多个参数或属性。在函数调用或对象字面量中，我们可以使用三个点（...）加上一个数组或对象来表示 Spread 操作符，例如：
function sum(x, y, z) {
return x + y + z;
}
const numbers = [1, 2, 3];
console.log(sum(...numbers)); // 输出 6在上面的代码中，我们定义了一个函数 sum，它接受三个参数。我们使用 Spread 操作符将数组 numbers 展开成三个参数传递给函数 sum。
Spread 操作符还可以用于合并数组或对象。在数组中，我们可以使用 Spread 操作符将两个数组合并成一个新数组，例如：
const arr1 = [1, 2, 3]; const arr2 = [4, 5, 6]; const combined = [...arr1, ...arr2]; console.log(combined); // 输出 [1, 2, 3, 4, 5, 6]
在对象中，我们可以使用 Spread 操作符将两个对象合并成一个新对象，例如：
const obj1 = { foo: 'bar', x: 42 };
const obj2 = { foo: 'baz', y: 13 };
const combined = { ...obj1, ...obj2 };
console.log(combined); // 输出 { foo: 'baz', x: 42, y: 13 }在上面的代码中，我们定义了两个对象 obj1 和 obj2，它们都有一个属性 foo。我们使用 Spread 操作符将这两个对象合并成一个新对象 combined，最终输出的结果中 foo 属性的值为 obj2 中的值。
总结
Rest 参数和 Spread 操作符是 ECMAScript 2020 中非常有用的新特性，它们可以让我们更方便地操作数组和对象，并且可以提高代码的可读性和可维护性。在使用 Rest 参数时，我们可以将不定数量的参数表示为一个数组，方便进行数组操作；在使用 Spread 操作符时，我们可以将数组或对象展开成多个参数或属性，方便进行函数调用或对象合并。我们希望通过本文的介绍，读者可以更好地掌握这两个特性，并在实际开发中灵活运用。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6572c4dcd2f5e1655dbbb62e