Javascript中arguments对象的详解与使用方法

什么是arguments对象

arguments是一个函数的内置对象，它表示函数在调用时传入的所有参数，即使函数在定义时没有声明任何参数也可以使用。该对象会在每次函数调用时自动创建。

举个例子：

function foo() {
  console.log(arguments);
}

foo(1, 'hello', [1, 2, 3]); // 打印出： { '0': 1, '1': 'hello', '2': [1, 2, 3] }

使用arguments对象

arguments对象主要有以下几种用途：

1. 获取函数调用时的参数个数

使用arguments.length来获取函数调用时传入的参数个数。

function foo() {
  console.log(arguments.length);
}

foo(); // 打印出：0
foo(1); // 打印出：1
foo(1, 2, 3); // 打印出：3

2. 获取函数调用时的参数值

像数组一样使用arguments对象，可以获取函数调用时传入的参数值。

function foo() {
  console.log(arguments[0]);
  console.log(arguments[1]);
  console.log(arguments[2]);
}

foo(1, 'hello', [1, 2, 3]); // 分别打印出：1，'hello'，[1, 2, 3]

3. 判断函数参数的类型和个数

当函数在定义时没有指定参数个数或参数类型时，可以使用arguments对象来判断传入的参数是否符合要求。

function foo() {
  if (arguments.length !== 2) {
    throw new Error('Invalid arguments');
  }
  if (typeof arguments[0] !== 'string' || typeof arguments[1] !== 'number') {
    throw new Error('Invalid argument types');
  }
  console.log(`name: ${arguments[0]}, age: ${arguments[1]}`);
}

foo('John', 25); // 打印出：name: John, age: 25
foo(25, 'John'); // 抛出错误：Invalid argument types
foo('John'); // 抛出错误：Invalid arguments

4. 实现函数重载

JavaScript中函数没有函数重载（overload）的概念，可以使用arguments对象来模拟实现函数重载。

下面是一个简单的实现：

function foo() {
  if (arguments.length === 1 && typeof arguments[0] === 'string') {
    console.log(arguments[0].toUpperCase());
  } else if (arguments.length === 2 && typeof arguments[0] === 'number' && typeof arguments[1] === 'number') {
    console.log(arguments[0] + arguments[1]);
  } else {
    throw new Error('Invalid arguments');
  }
}

foo('hello'); // 打印出：HELLO
foo(1, 2); // 打印出：3
foo('hello', 'world'); // 抛出错误：Invalid 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)); // 打印出：6
console.log(sum(10, 20)); // 打印出：30
console.log(sum(1)); // 打印出：1

示例二：查询最大值函数

function findMax() {
  let max = Number.MIN_VALUE;
  for (let i = 0; i < arguments.length; i++) {
    if (arguments[i] > max) {
      max = arguments[i];
    }
  }
  return max;
}

console.log(findMax(1, 10, 3, 5, 8)); // 打印出：10
console.log(findMax(-1, -10, -3, -5, -8)); // 打印出：-1
console.log(findMax(1)); // 打印出：1