在 ES6 中，我们已经见识到了函数参数中的默认参数和剩余参数。ES9 中又引入了一种新的函数参数，即 rest 参数。本文将详细介绍 rest 参数的作用、使用方法以及示例代码，希望能对前端开发者有所帮助。
rest 参数是什么？
rest 参数是一种新的函数参数语法，它允许我们将所有传递给函数的参数收集到一个数组中，以便更方便地进行处理。它使用三个点（...）作为前缀，后面跟着参数名。例如：
-------- --------------- -
--- ----- - --
--- ---- ------ -- -------- -
----- -- -------
-
------ ------
-
------------------ -- ---- -- -在上面的例子中，我们定义了一个名为 sum 的函数，它使用 rest 参数 numbers 来收集所有传递给函数的参数。我们可以像平常一样调用函数，并将任意数量的参数传递给它。在函数内部，我们可以使用 for 循环遍历 numbers 数组，并将所有数字相加。
rest 参数的使用方法
rest 参数可以在函数定义中的任何位置使用，但是它必须是最后一个参数。这是因为 rest 参数收集所有剩余的参数，因此不可能有其他参数跟在它后面。例如：
-------- -------------- ------- -------- - ------------------- -------------------- ------------------ - ---------- -- -- -- --- -- ------- -- - -- - -- --- -- --
在上面的例子中，我们定义了一个名为 example 的函数，它有三个参数：first、second 和 rest。我们可以传递任意数量的参数给这个函数，但是前两个参数将被赋值给 first 和 second，而剩余的参数将被收集到 rest 数组中。
rest 参数的指导意义
使用 rest 参数可以使函数更加灵活和易于使用。它允许我们编写能够处理任意数量参数的函数，而不需要事先知道它们的数量。通过将所有参数收集到一个数组中，我们可以轻松地对它们进行迭代、筛选、转换等操作。同时，rest 参数也可以帮助我们避免在函数定义中使用 arguments 对象，因为它提供了更加直观和易于理解的方式来处理参数。
rest 参数的示例代码
下面是一些使用 rest 参数的示例代码，希望能够帮助你更好地理解它的使用方法和指导意义。
求平均数
-------- ------------------- -
--- ----- - --
--- ---- ------ -- -------- -
----- -- -------
-
------ ----- - ---------------
-
---------------------- -- -- -- ---- -- -合并数组
-------- ----------------- -
--- ------ - ---
--- ---- ----- -- ------- -
------ - ---------------------
-
------ -------
-
---------------------- --- --- --- --- ----- -- --- -- -- -- -- --过滤数组
-------- ----------------- ---------- -
--- ------ - ---
--- ---- ----- -- ------- -
-- ------------------ -
-------------------
-
-
------ -------
-
-------------------- -- - - -- -- -- -- -- ---- -- --- -- --转换数组
-------- -------------- ---------- -
--- ------ - ---
--- ---- ----- -- ------- -
------------------------------
-
------ -------
-
----------------- -- - - -- -- -- -- -- ---- -- --- -- -- -- ---总结
rest 参数是一种新的函数参数语法，它允许我们将所有传递给函数的参数收集到一个数组中，以便更方便地进行处理。它使用三个点（...）作为前缀，后面跟着参数名。在函数定义中，rest 参数必须是最后一个参数。通过使用 rest 参数，我们可以编写更加灵活和易于使用的函数，同时避免使用 arguments 对象。希望本文能够对你有所帮助，让你更好地理解和使用 rest 参数。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/663f0b0cd3423812e4d46290