JS中的arguments

手机

iphone11大小尺寸是多少？苹果iPhone11和iPhone13的区别是什么？

警方通报辅警执法直播中被撞飞：犯罪嫌疑人已投案

JS中的arguments

2023-05-29 10:09:51 来源：博客园

在 JavaScript 中， arguments 是一个特殊的对象，它代表了函数调用时传递的参数列表。它可以在函数内部访问，用于获取传递给函数的实际参数值。

arguments 对象包含了函数调用时传递的所有参数，无论是否在函数定义时明确声明这些参数。它是一个类数组对象，可以通过索引访问其中的参数值。可以使用 arguments.length 属性获取传递的参数个数。

下面是关于 arguments 对象的一些示例：

(资料图片仅供参考)

arguments 对象中的参数是按照函数调用时的顺序进行存储的，可以通过索引访问它们。

function exampleFunc(a, b, c) {      console.log(arguments[0]); // 访问第一个参数      console.log(arguments[1]); // 访问第二个参数}exampleFunc(1, 2, 3); // 1，2

arguments 对象的长度（即 arguments.length ）表示传递给函数的参数个数。

function exampleFunc() {      console.log(arguments.length); // 参数个数}exampleFunc(1, 2, 3); // 3

arguments 对象与函数的形参之间存在联系，它们是相互关联的。当传递的参数个数多于形参个数时，可以通过 arguments 对象访问超出形参列表的参数值。

function exampleFunc(a, b) {      console.log(a); // 访问第一个形参      console.log(b); // 访问第二个形参      console.log(arguments[2]); // 访问第三个参数}exampleFunc(1, 2, 3); // 1，2，3

除此之外，还有一些关于 arguments 对象的特性和使用方式：

1. 与剩余参数结合使用：可以使用剩余参数语法与 arguments 对象结合使用，以便同时获取所有参数和访问超出形参列表的参数。

function exampleFunc(a, b, ...rest) {      console.log(a); // 1      console.log(b); // 2      console.log(rest[0]); // 3}exampleFunc(1, 2, 3);

在上面的例子中， a 和 b 是正常的形参，而 ...rest 则是剩余参数语法，它将剩余的参数作为数组存储在 rest 变量中，其中包括超出形参列表的参数。

2. callee 属性： arguments 对象具有一个特殊的属性 callee ，它是一个指向当前正在执行的函数的引用。这在递归和匿名函数中特别有用。

function factorial(n) {  if (n <= 1) {    return 1;  } else {    return n   arguments.callee(n - 1);  }}const result = factorial(5); // 递归计算阶乘console.log(result); // 120

在上述示例中， factorial 函数通过调用 arguments.callee 实现了自身的递归调用，而不是使用函数名 factorial 。这样可以确保即使在匿名函数中也能正确调用函数。需要注意的是， arguments 对象并不是一个真正的数组，它是一个类数组对象。尽管它具有类似于数组的索引访问和 length 属性，但它没有数组原型上的方法，如 forEach() 、 map() 等。如果需要对 arguments 对象应用数组方法，可以将其转换为一个真正的数组，例如通过使用 Array.from() 或 Array.prototype.slice.call() 来转换。

随着es6的广泛使用，使用 arguments 对象的方式越来越少见，现在的开发更倾向于使用剩余参数、默认参数或解构赋值来处理函数参数，以提供更清晰、更灵活的语法和功能。尽量避免在新代码中使用 arguments 对象，除非有特定的需求。

关键词：