讲解JavaScript 之arguments的详解，arguments.callee，arguments.caller的使用方法和实例

arguments 是一个对应于传递给函数的参数的类数组对象。在（非箭头）函数调用时，创建的一个 它类似于Array，但除了长度之外没有任何Array属性 的对象 ，它存储的是实际传递给函数的参数（局限于函数声明的参数列表）。此对象包含传递给函数的每个参数的条目，第一个条目的索引从0开始。例如：

function fn(){ //利用instanceof判断arguments
    console.log( 'arguments instanceof Array? ' + (arguments instanceof Array) );//false
    console.log( 'arguments instanceof Object? ' + (arguments instanceof Object) );//true
    console.log(arguments);
    console.log(arguments[0]);//string
    console.log(arguments[1]);//1
}
fn('string',1);

控制台显示如下：

从输出我们可以看出arguments 是一个‘object’,带有2个常用的属性callee和caller（文章最后面介绍）。对应的参数可以通过条目的索引来获取（从0开始），虽然它不拥有数组的属性，但是我们可以把它转换为一个正在的数组，通过Js中的apply和call,或者es6中的参数扩展的方法，代码如下：

//call
var args = Array.prototype.slice.call(arguments);
var args = [].slice.call(arguments);
//由于slice会阻止某些Js引擎中的优化 (v8)产生一些性能问题，可以采用如下方法
var args = (arguments.length === 1 ? [arguments[0]] : Array.apply(null, arguments));
var args = Array.from(arguments);
var args = [...arguments];

通过上面的方法，我们就可以让arguments成为一个真正的Array,我们就能获取参数的长度length,使用array中一些方法，如Join,concat,indexOf等等。

需要注意一点的是只有函数被调用时，arguments对象才会创建，未调用时其值为null，例如

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

arguments的例子

function add(...args) {
  let sum=0;
  for(let i of args){
   sum+=parseFloat(i);
  }
  return sum
}
add(1,2,3);//输出6

function concat(o) {
  let args = Array.prototype.slice.call(arguments, 1);
  return args.join(o);
}
concat('.','a','b','c');//输出a.b.c

function create() {
   return function(n) {
      if (n <= 1)
         return 1;
      return n * arguments.callee(n - 1);
   };
}

var result = create()(5); // returns 120 (5 * 4 * 3 * 2 * 1)

function create(n) {
    if(n <= 1)
      return 1;
    return n*create(n - 1);
}
var result = create(5);//120