js arguments 传递

在JavaScript中，arguments 是一个类数组对象，它代表了传给一个函数的参数列表。这个对象在函数体内部是自动可用（即可访问）的，你无需明确声明它。

基础概念

当你调用一个函数时，你传递给函数的参数会被存储在一个名为 arguments 的对象中。这个对象有一些有用的属性：

• arguments.length：表示传给函数的参数个数。
• arguments.callee：指向当前正在执行的函数。

优势

1. 灵活性：使用 arguments 可以创建可接受任意数量参数的函数。
2. 兼容性：在ES6之前，这是实现可变参数函数的主要方式。

类型与应用场景

arguments 是一个类数组对象，这意味着它有索引和长度属性，但它不是一个真正的数组，因此没有数组的所有方法。通常用于以下场景：

• 当你不知道函数将接收多少参数时。
• 当你想创建一个可以接受任意数量参数的通用函数时。

示例代码

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

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

遇到的问题及解决方法

问题：arguments 不是真正的数组

由于 arguments 是一个类数组对象，它没有数组的方法，比如 push, pop, slice 等。

解决方法

你可以使用 Array.prototype.slice.call(arguments) 或扩展运算符（...）来将 arguments 转换为一个真正的数组。

function myFunction() {
    var args = Array.prototype.slice.call(arguments);
    // 或者使用ES6的语法
    // var args = [...arguments];
    console.log(args);
}

myFunction(1, 2, 3); // 输出 [1, 2, 3]

问题：arguments.callee 已被弃用

在严格模式下，arguments.callee 是不可用的，因为它会导致一些安全和性能问题。

解决方法

使用命名函数表达式或者箭头函数来替代 arguments.callee。

var factorial = function fact(n) {
    if (n <= 1) return 1;
    else return n * fact(n - 1);
};

console.log(factorial(5)); // 输出 120

总结

arguments 对象在JavaScript中提供了一种访问函数参数的方式，尤其是在处理不确定数量的参数时非常有用。然而，由于其不是真正的数组，可能需要转换才能使用数组的全部功能。同时，需要注意 arguments.callee 在严格模式下的限制。