【JavaScript】函数中的arguments对象与Rest参数

墨蓝 2022-06-05 11:19 243阅读 0赞

## arguments ##

JavaScript函数可以使用任意数量的参数（允许未知数量的函数参数）。**在ES6之前**，JavaScript有一个变量来访问这些未知或可变数目的参数，这是一个类似数组的对象，并非一个数组，称为**arguments**，与传递给函数的参数相对应。传递给JavaScript函数的所有参数都可以使用arguments对象来引用。  
　　  
![这里写图片描述][SouthEast]

在上面的函数中，num1和num2是两个参数。你可以使用名为num1和num2的arguments来引用这些参数（上图第一个例子）。除了arguments名称之外，你还可以使用JavaScript数组，如对象arguments来引用它们。arguments对象用于访问或引用传递给函数的所有参数。（上图第二个例子）  
　　arguments对象是可用于函数的局部变量。arguments对象的长度相当于传递给函数的arguments数量。JavaScript的arguments对象不是纯粹的JavaScript数组。你不能对arguments对象执行诸如push，pop，slice等操作。  
　　　  
**如何将arguments对象转换成数组**

JavaScript函数**arguments对象不是纯数组。除了长度属性外，它没有任何其他属性。**但是，你可以使用`Array.prototype.slice.call`将arguments对象转换为数组，如下所示：（没有报错就说明已转换为数组）  
　　  
　　![这里写图片描述][SouthEast 1]  
　　  
**在ES6中，通过下图方式转换为数组：**

![这里写图片描述][SouthEast 2]

--------------------

## Rest参数 ##

ES6中引入了一个新功能 — Rest参数，它表示一个未知数量的参数作为函数中的一个数组。它**不仅将额外的参数表示为数组，还解决了arguments对象的许多问题**。  
　　  
　　![这里写图片描述][SouthEast 3]

你可以将rest参数定义为…theArgs或… args。如果最后命名的函数参数以…（三个点）作为前缀，那么它将成为函数的rest参数。JavaScript函数的rest参数是纯JavaScript数组。

JavaScript函数的**rest参数也可以与其他参数一起工作**。如果你不想在rest参数数组中包含特定参数的话，那么你可能需要在函数中使用其他命名参数。细想以下代码块：

![这里写图片描述][SouthEast 4]

谨记：**…theArgs必须是最后一个参数**

![这里写图片描述][SouthEast 5]

JavaScript允许你破坏rest参数，这意味着你可以将rest变量数据解包为不同的变量名称。请看下面的代码：

![这里写图片描述][SouthEast 6]

JavaScript函数的**rest参数是对arguments对象使用函数未知参数的一个巨大改进。它是一个纯JavaScript数组；**因此，你可以对它使用所有数组方法。你可以将rest变量数据解包到命名变量中。你可以给rest参数指定任何名称，这又是一个使用arguments关键字的重大改进。

[SouthEast]: /images/20220605/703578f024354e1f869a2fe260ac089c.png
[SouthEast 1]: /images/20220605/fd1fcae931b54928a00d5f028b6b4626.png
[SouthEast 2]: /images/20220605/36421b08fae34f28a582650deb1169e3.png
[SouthEast 3]: /images/20220605/8f8adda14086430ebff9b94e11d12ae7.png
[SouthEast 4]: /images/20220605/9d6dd7d2bff649bfb450c90fbb892394.png
[SouthEast 5]: /images/20220605/4b1398cfbc864f2b800c81cbdc822c13.png
[SouthEast 6]: /images/20220605/adaae3b546644b539a054d1b8b4a7138.png