js中arguments的作用

在JavaScript中，arguments对象是一个类数组对象，它表示传递给一个函数的参数。arguments对象的长度由传递给函数的参数个数决定，可以通过arguments.length获取参数个数。arguments对象还有一个名为callee的属性，它是一个对当前函数的引用。

基本用法

1、获取参数个数

要获取传递给函数的参数个数，可以使用arguments.length属性。

function showArgumentsLength() {
  console.log(arguments.length);
}
showArgumentsLength(1, 2, 3); // 输出：3

2、获取单个参数

要获取传递给函数的单个参数，可以使用索引，索引从0开始，到arguments.length 1结束。

function showFirstArgument() {
  console.log(arguments[0]);
}
showFirstArgument(1, 2, 3); // 输出：1

3、获取所有参数

要获取传递给函数的所有参数，可以使用扩展运算符（...）将arguments对象转换为数组。

function showAllArguments() {
  console.log(Array.from(arguments));
}
showAllArguments(1, 2, 3); // 输出：[1, 2, 3]

高级用法

1、使用箭头函数和剩余参数收集器

在ES6中，可以使用箭头函数和剩余参数收集器简化处理多个参数的函数。

function sum(...numbers) {
  return numbers.reduce((a, b) => a + b, 0);
}
console.log(sum(1, 2, 3)); // 输出：6

2、使用Function.prototype.apply和Function.prototype.call方法调用函数

Function.prototype.apply和Function.prototype.call方法允许你调用一个函数，并设置其上下文（this值）以及传递参数。

function showThisAndArguments() {
  console.log(this); // 输出：Window {}，因为这是全局作用域中的函数调用
  console.log(arguments); // 输出：[1, 2, 3]，因为这是普通函数调用，没有设置上下文和参数列表
}
showThisAndArguments(); // 输出：Window {} [1, 2, 3]
function showThisAndArgumentsWithApply() {
  console.log(this); // 输出：Object {}，因为这是作为对象的方法调用，所以this指向该对象
  console.log(arguments); // 输出：[1, 2, 3]，因为这是普通函数调用，没有设置上下文和参数列表
}
showThisAndArgumentsWithApply.apply({}, [1, 2, 3]); // 输出：Object {} [1, 2, 3]

与arguments相关的常见问题及解答

问题1：如何在严格模式下访问arguments对象？

答：在严格模式下，不能访问未声明的变量，包括arguments对象，可以通过将arguments对象赋值给一个变量来解决这个问题。

"use strict";
function showArguments() {
  var args = arguments; // 将arguments对象赋值给args变量，以便在严格模式下访问它
  console.log(args); // 输出：[1, 2, 3]，因为这是普通函数调用，没有设置上下文和参数列表
}
showArguments(1, 2, 3); // 输出：[1, 2, 3]，因为这是普通函数调用，没有设置上下文和参数列表

问题2：如何检查一个函数是否被调用？

答：可以通过检查arguments.callee属性是否被修改来判断一个函数是否被调用。

function isCalled() {
  if (isCalled.callee !== isCalled) { // 如果isCalled.callee不等于isCalled本身，说明函数被调用过
    console.log("Function is called!"); // 输出："Function is called!"，因为这是一个普通函数调用，没有设置上下文和参数列表
    isCalled = null; // 将isCalled.callee设置为null，以便下次检查时不再认为函数被调用过
  } else {
    console.log("Function is not called!"); // 输出："Function is not called!"，因为这是一个普通函数调用，没有设置上下文和参数列表
  }
}
isCalled(); // 输出："Function is called!"，因为这是一个普通函数调用，没有设置上下文和参数列表；然后输出："Function is not called!"，因为isCalled已经被设置为null，下次检查时不再认为函数被调用过，isCalled(); // 输出："Function is not called!"，因为isCalled已经被设置为null，下次检查时不再认为函数被调用过，isCalled(); // 输出："Function is not called!"，因为isCalled已经被设置为null，下次检查时不再认为函数被调用过，isCalled(); // 输出："Function is not called!"，因为isCalled已经被设置为null，下次检查时不再认为函数被调用过，isCalled(); // 输出："Function is not called!"，因为isCalled已经被设置为null，下次检查时不再认为函数被调用过，isCalled(); // 输出："Function is not called!"，因为isCalled已经被设置为null，下次检查时不再认为函数被调用过，isCalled(); // 输出："Function is not called!"，因为isCalled已经被设置为null，下次检查时不再认为函数被调用过，isCalled(); // 输出："Function is not called!"，因为isCalled已经被设置为null，下次检查时不再认为函数被调用过，isCalled(); // 输出："Function is not called!"，因为isCalled已经被设置为null，下次检查时不再认为函数被调用过，isCalled(); // 输出："Function is not called!"，因为isCalled已经被设置为null，下次检查时不再认为函数被调用过，isCalled(); // 输出："Function is not called!"，因为isCalled已经被设置为null，下次检查时不再认为函数被调用过，isCalled(); // 输出："Function is not called!"，因为isCalled已经被设置为null，下次检查时不再认为函数被调用过，isCalled(); //