JavaScript中的arguments详解

1. arguments

• arguments不是真正的数组，它是一个实参对象，每个实参对象都包含以数字为索引的一组元素以及length属性。

    (function () {
        console.log(arguments instanceof Array); // false  
        console.log(typeof (arguments)); // object  
    })();
  

• 只有函数被调用时，arguments对象才会创建，未调用时其值为null

    console.log(new Function().arguments);  // null
  

• JavaScript函数调用不对参数做任何检查。

• 当调用函数的时候传入的实参比形参个数少时，剩下的形参都被设置为undefined。

给被省略的参数赋值：

function getPropertyNames(o, /* optional */ a) {
    a = a || []; // 等于 if(a == undefined) a = [];
    for (var property in o) {
        a.push(property);
    }
    return a;
}
console.log(getPropertyNames({ '1': 'a', '2': 'b' })); // ["1", "2"]
console.log(getPropertyNames({ '1': 'a', '2': 'b' }, ['3'])); // ["3", "1", "2"]

• 当调用函数传入的参数比形参个数多时，通过标识符arguments可以获得未命名的引用。

验证实参的个数

function f(x, y, z) {
    // 首先，验证传入实参的个数是否正确
    if (arguments.length != 3) {
        throw new Error("function f called with " + arguments.length + "arguments, but it expects 3 arguments.");
    }
    // 再执行函数的其他逻辑
}
f(1, 2); // Uncaught Error: function f called with 2arguments, but it expects 3 arguments.

查看实参和形参的个数是否一致

// 查看实参和形参的个数是否一致
function add(a, b) {
    var realLen = arguments.length;
    console.log("realLen:", arguments.length);  // realLen: 5
    var len = add.length;
    console.log("len:", add.length);    // len: 2
    if (realLen == len) {
        console.log('实参和形参个数一致');
    } else {
        console.log('实参和形参个数不一致');
    }
};
add(1, 2, 3, 6, 8);    

模拟函数重载

function doAdd() {
    if (arguments.length == 1) {
        console.log(arguments[0] + 5);
    } else if (arguments.length == 2) {
        console.log(arguments[0] + arguments[1]);
    }
}

接受任意数量的实参，并返回其中的最大值

function max(/* ... */) {
    var max = Number.NEGATIVE_INFINITY;
    // 遍历实参，查找并记住最大值
    for (var i = 0; i < arguments.length; i++) {
        if (arguments[i] > max) {
            max = arguments[i];
        }
    }
    // 返回最大值
    return max;
}
console.log(max(1, 10, 110, 2, 3, 5, 10000, 100));  // 10000

自动更新

function f(x) {
    console.log(x); // 1，输出实参的初始值
    arguments[0] = null;  // 修改实参数组的元素同样会修改x的值
    console.log(x); // null
    x = 'a';    // 修改x的值同样会修改实参数组的元素
    console.log(arguments[0]);  // a
}
f(1);

• 实参对象定义了callee和caller属性，callee属性指代正在执行的函数，caller指代调用当前正在执行的函数的函数
• arguments 的完整语法如下：
  [function.]arguments[n]
  function ：当前正在执行的 Function 对象的名字。
  n ：要传递给 Function 对象的从0开始的参数值索引。

查看callee和caller属性

function a() {
    console.log('a...');
    b();
}

function b() {
    console.log('b...');
    console.log(b.arguments.callee);
    console.log(b.caller);
}
a();

通过callee实现递归调用自身

var factorial = function (x) {
    if (x <= 1) { return 1; }
    return x * arguments.callee(x - 1);
}
console.log(factorial(5));  // 120

参考资料

• 《JavaScript权威指南》第六版
• JavaScript 之arguments、caller 和 callee 介绍
• js之arguments详解