arguments 对象

用一到题作为开场：

var length = 10;
function fn() {
  console.log(this.length);
}

var obj = {
  length: 5,
  method: function(fn) {
    fn();
    arguments[0]();
  }
};

obj.method(fn, 1); 

在开发者工具里看一下运行结果：

---

题目考察点有两个

1. this作用域
2. ECMAScript 中的arguments 对象

this作用域
第一次输出10：
代码片段中执行obj.method(fn, 1); 调用obj的method方法，

method: function(fn) {
    fn();
    arguments[0]();
  }

method方法执行函数function，该函数体内一次执行了两个函数调用语句： fn(); 和 arguments0;

首先看fn()；函数执行的结果。它内部的this指向定义在var length = 10中的length，并通过console.log输出 10。

ECMAScript 中的arguments 对象
分析 arguments0;执行的结果之前，先明白这个特殊对象的用途。
在函数代码中，使用特殊对象 arguments，开发者无需明确指出参数名，就能访问它们。

function sayHi() {
  if (arguments[0] == "bye") {
    return;
  }

  alert(arguments[0]);
}

在函数 sayHi() 中，第一个参数是 message。用 arguments[0] 也可以访问这个值，即第一个参数的值（第一个参数位于位置 0，第二个参数位于位置 1，依此类推）。

• 检测参数个数

  用 arguments 对象检测函数的参数个数，引用属性 arguments.length 即可。下面的代码将输出每次调用函数使用的参数个数：

function howManyArgs() {
  alert(arguments.length);
}

howManyArgs("string", 45);
howManyArgs();
howManyArgs(12);

上面这段代码将依次显示 “2”、”0” 和 “1”。

• 模拟函数重载

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

doAdd(10);  //输出 "15"
doAdd(40, 20);  //输出 "60"

当只有一个参数时，doAdd() 函数给参数加 5。如果有两个参数，则会把两个参数相加，返回它们的和。所以，doAdd(10) 输出的是 “15”，而 doAdd(40, 20) 输出的是 “60”。

回到原题目中的arguments0;执行结果。
该语句被obj.method( fn , 1)调用，这里使用了arguments调用方法，this指向arguments，而这里传了两个参数fn和1，故输出arguments长度为2。