javascript内置对象arguments详解

当我们在JavaScript函数中调用时，它会内置一个名为arguments的对象，包含了函数所需要的所有参数。这个对象被称为函数的“参数数组”，它实际上只是一个数组样式的对象。

arguments对象的基本用法

因为arguments是一个对象，你可以使用点操作符来访问它的属性。下面是一些常用的arguments属性：

• arguments.length
  此属性返回传递给函数的参数的数量
• arguments[index]
  通过索引访问特定的函数参数

下面是一个简单的例子，展示了如何在JavaScript函数中使用arguments对象：

function exampleFunction(a, b, c) {
  console.log("Arguments length: " + arguments.length);
  console.log("Argument 1: " + arguments[0]);
  console.log("Argument 2: " + arguments[1]);
  console.log("Argument 3: " + arguments[2]);
}

exampleFunction(1, "two", true);

这个函数将输出以下内容：

Arguments length: 3
Argument 1: 1
Argument 2: two
Argument 3: true

在这个例子中，arguments对象可以通过索引访问函数的每个参数。arguments.length应该是传递给函数的参数数量。

处理变长函数参数

在JavaScript中，我们经常需要编写可以处理不同数量的参数的函数。这时，就可以使用arguments对象。

例如：

function sum() {
  let total = 0;
  for (let i = 0; i < arguments.length; i++) {
    total += arguments[i];
  }
  return total;
}

console.log(sum(1,2));          // 3
console.log(sum(1,2,3));        // 6
console.log(sum(1,2,3,4));      // 10

在这个例子中，我们定义了一个名为sum的函数，它使用arguments对象来计算传递给函数的参数的总和。因为arguments对象是一个类数组对象，我们可以使用传统的for循环来迭代参数。这个函数接受任意数量的参数，并返回它们的总和。

其他注意点

arguments对象始终指向函数内部的实际参数。即使有一个具有相同名称的变量在函数内部被定义，arguments对象仍然可以使用传入的参数，而不是使用这个函数内部变量的值。

例如：

var outerVar = 1;

function exampleFunction(innerVar) {
  console.log("Argument 1 (inner var): " + innerVar);
  console.log("Argument 2 (outer var): " + arguments[1]);
}

exampleFunction(2, outerVar);

这个函数将输出以下内容：

Argument 1 (inner var): 2
Argument 2 (outer var): 1

在这个例子中，我们定义了一个名为outerVar的变量，并将其初始化为1。我们还定义了一个名为exampleFunction的函数，并将其调用时传递了两个值：2和outerVar。当我们在exampleFunction中输出参数时，我们使用arguments对象访问了第二个参数，它的值是传入exampleFunction的outerVar值，而不是在函数内部定义的变量的值。