在 ES6 中，我们已经看到了箭头函数、模板字符串、解构赋值等一系列的新特性。而在 ES9 中，新增了一些对函数参数处理的改进，其中包括 rest 参数和扩展运算符。本文将介绍这两个新特性的应用场景，并提供示例代码，帮助读者更好地理解和应用它们。
Rest 参数
Rest 参数，也称为剩余参数，允许我们将多个参数组合成一个数组。在函数定义时，我们可以在最后一个参数前加上 ...，表示它是一个 Rest 参数。当函数被调用时，这个 Rest 参数会将所有传入的参数封装成一个数组。
下面是一个简单的示例，展示了如何使用 Rest 参数：
-------- --------------- - ------ ---------------------- ------- -- ----- - ------- --- - ------------------ -- -- -- ---- -- -- --
在这个示例中，我们定义了一个 sum 函数，并在最后一个参数前加上了 ...。在函数被调用时，所有传入的参数都会被封装成一个 numbers 数组。我们使用 reduce 方法将数组中的所有数字相加，最终返回它们的总和。
Rest 参数的应用场景很多，其中一个常见的场景是处理不定数量的参数。例如，我们可以使用 Rest 参数来计算任意数量的数字之和，而不必关心它们的具体数量。
扩展运算符
扩展运算符 ... 与 Rest 参数的语法非常相似，但它们的用途是截然不同的。扩展运算符用于将一个数组或对象展开成多个独立的值。
下面是一个简单的示例，展示了如何使用扩展运算符：
----- ------- - --- -- -- -- --- ------------------------ -- -- - - - - -
在这个示例中，我们定义了一个 numbers 数组，并使用扩展运算符将它展开成多个独立的值。这些值被连续输出到控制台中，每个值之间都用空格隔开。
扩展运算符的应用场景也很多，其中一个常见的场景是合并数组。例如，我们可以使用扩展运算符将两个数组合并成一个新数组，而不必手动遍历它们并将它们的元素逐个添加到新数组中。
下面是一个示例，展示了如何使用扩展运算符合并两个数组：
----- -------- - --- -- --- ----- -------- - --- -- --- ----- ------ - ------------- ------------- -------------------- -- -- --- -- -- -- -- --
在这个示例中，我们定义了两个数组 numbers1 和 numbers2，并使用扩展运算符将它们合并成一个新数组 merged。新数组中的元素顺序与原数组相同，但它们被组合到了同一个数组中。
总结
本文介绍了 ES9 中的两个新特性：Rest 参数和扩展运算符。它们的应用场景很多，包括处理不定数量的参数、合并数组等。通过学习这些新特性，我们可以更好地理解和应用 JavaScript 中的函数参数处理技术，从而编写更加灵活和高效的代码。
参考资料
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/663197d9d3423812e4f4e4f0