ES9 的函数参数处理：rest 参数和扩展运算符的应用场景-JavaScript中文网-JavaScript教程资源分享门户

在 ES6 中，我们已经看到了箭头函数、模板字符串、解构赋值等一系列的新特性。而在 ES9 中，新增了一些对函数参数处理的改进，其中包括 rest 参数和扩展运算符。本文将介绍这两个新特性的应用场景，并提供示例代码，帮助读者更好地理解和应用它们。

Rest 参数

Rest 参数，也称为剩余参数，允许我们将多个参数组合成一个数组。在函数定义时，我们可以在最后一个参数前加上 ...，表示它是一个 Rest 参数。当函数被调用时，这个 Rest 参数会将所有传入的参数封装成一个数组。

下面是一个简单的示例，展示了如何使用 Rest 参数：

function sum(...numbers) {
  return numbers.reduce((total, number) => total + number, 0);
}

console.log(sum(1, 2, 3, 4, 5)); // 输出 15

在这个示例中，我们定义了一个 sum 函数，并在最后一个参数前加上了 ...。在函数被调用时，所有传入的参数都会被封装成一个 numbers 数组。我们使用 reduce 方法将数组中的所有数字相加，最终返回它们的总和。

Rest 参数的应用场景很多，其中一个常见的场景是处理不定数量的参数。例如，我们可以使用 Rest 参数来计算任意数量的数字之和，而不必关心它们的具体数量。

扩展运算符 ... 与 Rest 参数的语法非常相似，但它们的用途是截然不同的。扩展运算符用于将一个数组或对象展开成多个独立的值。

下面是一个简单的示例，展示了如何使用扩展运算符：

const numbers = [1, 2, 3, 4, 5];
console.log(...numbers); // 输出 1 2 3 4 5

在这个示例中，我们定义了一个 numbers 数组，并使用扩展运算符将它展开成多个独立的值。这些值被连续输出到控制台中，每个值之间都用空格隔开。

扩展运算符的应用场景也很多，其中一个常见的场景是合并数组。例如，我们可以使用扩展运算符将两个数组合并成一个新数组，而不必手动遍历它们并将它们的元素逐个添加到新数组中。

下面是一个示例，展示了如何使用扩展运算符合并两个数组：

const numbers1 = [1, 2, 3];
const numbers2 = [4, 5, 6];
const merged = [...numbers1, ...numbers2];
console.log(merged); // 输出 [1, 2, 3, 4, 5, 6]

在这个示例中，我们定义了两个数组 numbers1 和 numbers2，并使用扩展运算符将它们合并成一个新数组 merged。新数组中的元素顺序与原数组相同，但它们被组合到了同一个数组中。

本文介绍了 ES9 中的两个新特性：Rest 参数和扩展运算符。它们的应用场景很多，包括处理不定数量的参数、合并数组等。通过学习这些新特性，我们可以更好地理解和应用 JavaScript 中的函数参数处理技术，从而编写更加灵活和高效的代码。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/663197d9d3423812e4f4e4f0