Javascript基础教程之argument详解

在 JavaScript 中，函数的参数分为两种：形参和实参。形参是函数定义时声明的参数，实参是函数调用时传递给函数的参数。此外，JavaScript 还提供了另一种参数方式 —— argument 对象。argument 对象包含了函数调用时传递进来的所有实参，可以在函数内部直接使用。在本篇教程中，我们将详细讲解 argument 对象的用法和注意事项。

argument 对象简介

在 JavaScript 中，当一个函数被调用时，除了根据定义的参数个数取传递的实参外，还有 arguments 对象可以访问其所有的实参。这是因为 arguments 对象本身就是在调用函数时被自动创建的。

argument 对象包含以下属性和方法：

• arguments.length: 获取函数调用时的参数个数。
• arguments[i]: 获取第 i 个参数的值。arguments[0] 就是第一个参数，arguments[1] 是第二个参数，以此类推。可以访问 arguments 对象的 length 属性，从而动态的访问函数的参数。
• arguments.callee : 调用正在执行的函数的函数体。可以用 arguments.callee 代替函数名，这在函数引用自身时很有用。

使用 argument 对象

示例1：计算参数的总和

以下是一个简单的例子，计算传递给函数的所有参数的总和：

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

console.log(sum(1, 2)); // => 3
console.log(sum(1, 2, 3)); // => 6

在 sum 函数中，arguments.length 获取了传递给函数的实参个数，动态地计算出实参的总和。

示例2：使用 arguments.callee 代替函数名

下一个示例是 recursiveSum 函数，使用 arguments.callee 代替其函数名：

function recursiveSum(n) {
  if(n === 1) {
    return 1;
  } else {
    return n + arguments.callee(n - 1);
  }
}

console.log(recursiveSum(10)); // => 55

在 recursiveSum 函数中，arguments.callee 表示当前正在执行的函数体，可以代替函数名，从而实现了函数自我引用。

注意事项

• 禁止使用 arguments 关键字作为函数内部变量名。
• arguments 对象不是一个真正的数组，不能使用数组方法（如 push，pop 等）进行修改。
• 在 ES6 中，可以使用扩展运算符（...）将 arguments 转换成数组。

结论

argument 对象是一个非常有用的 JavaScript 特性，能够在编写代码时提高开发效率。虽然它的使用在 ES6 中被一些新特性所替代，但掌握它的基本用法仍然有助于我们更好的理解 JavaScript 函数的调用和参数传递机制。

参考链接：

• MDN 文档：arguments 对象
• 阮一峰博客：函数的参数的默认值、rest 和 spread

如有不足之处请见谅，感谢阅读。