在 JavaScript 中，函数参数可以通过 Arguments 对象来访问。不过，自从 ES6 和 ES8 推出扩展操作符、默认参数和剩余参数等新特性后，Arguments 对象渐渐被遗忘了。然而，Arguments 对象在某些场景下仍非常有用。在本文中，我们将会学习 Arguments 对象的一些特性及其在现代 JavaScript 中的用法，并为大家提供相关的示例代码。
Arguments 对象
Arguments 对象是一个类数组对象，包含函数调用时传进来的所有参数，以及一些额外的属性。以下是它的一些特性：
- Arguments 对象有一个 length 属性，表示传进来的参数个数；
- 可以通过下标访问 Arguments 对象的参数；
- Arguments 对象没有数组的一些方法（比如 push 和 pop），但可以通过 Array.prototype 上的一些方法 （如 slice 和 forEach）来操作它。
以下是一个例子，展示 Arguments 对象的特性：
-------- ----- -
------------------------------
------------------ -----------
--------------------------------------
--- ----- - --
--- ---- - - -- - - ----------------- ---- -
----- -- -------------
-
-------------------
----- --------- - --------------------------------------
----------------------- -- -
-----------------
---
-
------ -- -- --- -- -- --------- ------ --- -- -- -- -在上面的例子中，sum 函数的参数可以通过 Arguments 对象来访问。我们分别输出了 Arguments 对象的 length、类型、是否是数组以及参数之和。最后，我们将 Arguments 对象转为了真正的数组，并用 forEach 方法将它的所有元素输出。
ES6/ES8 新特性
ES6 和 ES8 引入了一些新特性来处理函数参数，如扩展操作符、默认参数和剩余参数。这些特性让我们能够更方便地操作函数参数，而且通常比 Arguments 对象更易于阅读。
扩展操作符
扩展操作符是一个三个点（...）组成的符号，可以将一个数组或类数组对象展开为所有单独的参数。
以下是一个例子，展示扩展操作符的用法：
-------- ------ -- -- - ------ - - - - -- - ----- --- - --- -- --- ------------------------- -- -
在上面的例子中，我们将一个数组 arr 作为参数传给了 sum 函数，使用扩展操作符将其展开成单独的参数。这样，每个参数就可以使用单独的变量来表示，而不用通过 Arguments 对象来访问它们。
默认参数
默认参数允许我们在定义函数时为某些参数指定默认值。如果调用函数时没有传递这些参数，它们就会使用默认值。
以下是一个例子，展示默认参数的用法：
-------- ---------- - -------- - ------------------- ----------- - -------- -- ------- ------- --------------- -- ------- -------
在上面的例子中，我们定义了一个 greet 函数，其参数 name 有一个默认值 "world"。如果调用函数时没有传递参数，name 就会默认为 "world"。
剩余参数
剩余参数允许我们将一个函数的所有单独参数转为一个数组。剩余参数通常出现在函数参数列表的最后一个位置。
以下是一个例子，展示剩余参数的用法：
-------- ------------- -------- -
--- ----- - ---------
------------------ -- -
----- -- ----
---
------ ------
-
------------------ -- ---- -- -
------------------ -- -- -- ---- -- --在上面的例子中，我们定义了一个 sum 函数，其第一个参数是 firstNum，而其余的参数则使用剩余参数语法来转为一个数组 nums。当我们调用这个函数时，我们可以传递任意多的参数，这些参数都会被放到 nums 数组中，我们就可以使用 forEach 方法来遍历 nums 数组并计算它们的总和。
Arguments 对象在 ES6/ES8 中的用法
虽然 Arguments 对象在 ES6 和 ES8 中存在着扩展操作符、默认参数和剩余参数等新特性，已经被一些人所遗忘，但 Arguments 对象在某些场景下仍然很有用。
需要传递可变参数的函数
如果你需要编写一个函数，其参数数量不确定， Arguments 对象就可以帮你了。以下是一个例子：
-------- ------------ -
--- --- - --
--- ---- - - -- - - ----------------- ---- -
--- -- -------------
-
------ --- - -----------------
-
------------------------- -- ---- -- -
------------------------- -- -- ---- -- ---在上面的例子中，我们定义了一个 getAverage 函数，其参数数量不确定。Arguments 对象可以帮助我们访问传递给函数的所有参数，并在循环中计算它们的总和。最后，我们就可以通过 Arguments 对象的 length 属性来计算平均数。
函数重载
函数重载是指为同一个函数定义多个签名，以便在传递不同参数时使用不同的版本。在 JavaScript 中，并不存在强制的函数重载（因为有着动态类型和灵活的参数数量）。不过，Arguments 对象可以帮助我们模拟函数重载。以下是一个例子：
-------- ----------- -
-- ----------------- --- - -- ------ ------------ --- -------- -- ------ ------------ --- --------- -
------ ------------ - -------------
- ---- -- ----------------- --- - -- ------ ------------ --- -------- -- ------ ------------ --- -------- -- ------ ------------ --- --------- -
-- ------------- --- ---- -
------ ------------ - -------------
- ---- -- ------------- --- ---- -
------ ------------ - -------------
-
-
-
------------------------ ---- -- -
------------------------ -- ------ -- -
------------------------ -- ------ -- --在上面的例子中，我们定义了一个 calculate 函数，其具有两个不同的签名。当参数数量是 2 时，函数执行加法操作；当参数数量是 3 且第三个参数是 "+" 时，函数执行加法操作；当第三个参数是 "-" 时，函数执行减法操作。Arguments 对象可以帮助我们访问传递给函数的所有参数，从而模拟函数重载。
结论
虽然 Arguments 对象在 ES6 和 ES8 中存在着扩展操作符、默认参数和剩余参数等新特性，有着一定的被遗忘风险，但它在某些场景下仍然很有用。在需要传递可变参数的函数和函数重载的场景下，Arguments 对象是一个非常实用的工具。当然，新特性扩展操作符、默认参数和剩余参数等的使用也应被推广和应用。
那么，我们怎样遵循现代 JavaScript 的最佳实践，既可以使用 Arguments 对象，又可以使用新特性呢？我们可以在函数定义时结合使用任天堂和 Arguments 对象，如下所示：
-------- ---------------- ---- - ---------- -------- - ----------------- ----- ------ - -------------- -- -- ---------- -- ------------- --- -- -- -- -- ------------- -- --- -- -- -- --- ------------- -- -- --- -- -- -- --- --
在上面的例子中，我们定义了一个 myFunction 函数，其中的第一个参数是必需的，第二个参数有默认值 "default"，剩余参数可以接受任意多的值。我们可以看到，扩展操作符、默认参数和剩余参数等新特性的用法结合 Arguments 对象是可以的，也是非常适用的。
总之，当你编写 JavaScript 代码时，应该选择适合当前场景的工具和技术，而不是盲目地追求新的特性或忽视旧的机制。Arguments 对象和 ES6/ES8 提供的新技术各有其优缺点，在合适的场景下都可以发挥重要作用。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6735b1d20bc820c5824fee4f