arguments、arguments.callee、arguments.caller的关系和区别

JS高三教程（P177），一段代码中用到了arguments.callee来调用函数自生，书中介绍到 “是一个指向正在执行的函数的指针，可以用它来实现对函数的递归调用。”

这段递归调用代码如下：

function factorial (num) {
      if (num <= 1) {
        return 1;
      } else {
        return num * arguments.callee(num - 1);
        }
    }

    var num =  factorial(10);
    console.log(num); // => 3628800

很简单的一段代码。于是自己为了搞清楚知识点，加强自身JS基础，就自己查了下文档

arguments
arguments.callee
arguments.caller

三者的关系与区别：

arguments:

在函数调用时，会自动在该函数内部生成一个名为 arguments的隐藏对象。该对象类似于数组，但又不是数组。可以使用[]操作符获取函数调用时传递的实参。

arguments对象不是一个 Array 。它类似于数组，但除了长度之外没有任何数组属性。 没错它是个对象！并且它存储的是实际传递给函数的参数

  function obj(){
               //利用instanceof判断arguments
               console.log( 'arguments instanceof Array? ' + (arguments instanceof Array) ); // => false
               console.log( 'arguments instanceof Object? ' + (arguments instanceof Object) ); // => true
               console.log(arguments); // => []内有很多属性其中包括 callee
           }
           obj();

(function () {  
    alert(arguments instanceof Array); // => false  
    alert(typeof(arguments)); // => object  
})();

By The Way:

typeof 是一元运算符，返回值为字符串，该字符串用来说明运算数的数据类型用来获取运算数的数据类型。返回的值有number、boolean、undefined、function、object、string

instanceof 用于判断某个变量是否是某个对象的实例，返回值为true或false

接下来，我们修改上面的代码，在调用obj函数时，给它传递参数，但obj函数自己却是没有参数的。

function obj(){
               console.log( 'arguments instanceof Array? ' + (arguments instanceof Array) );
               console.log( 'arguments instanceof Object? ' + (arguments instanceof Object) );
               console.log(arguments);
           }
           //向obj传递参数
           obj('monkey','love',24); 
           // => [3]
           // 0: "monkey"
           // 1: "love"
           // 2: "24"

所以我们说为什么 arguments 是存储的实际传递给函数的参数呢，而不是函数声明的参数。

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

caller 是？

在一个函数A 调用另一个函数B时，被调用函数B会自动生成一个caller属性，指向调用它的函数对象即函数A。如果该函数A当前未被调用，则caller为null。

function testCaller() {  
    var caller = testCaller.caller;  
    alert(caller);  
}  
  
function aCaller() {  
    testCaller();  
}  
  
aCaller();  
// 最终结果输出 =>  function aCaller() {  
           //          testCaller();  
          //          }  主调函数自己

callee 是？

callee是arguments对象的一个成员，它的值为“正被执行的Function对象”。就像第一个demo的代码所显示的一样

function aCallee(arg) {  
  alert(arguments.callee);  
}  
  
function aCaller(arg1, arg2) {
    aCallee();
}  
  
aCaller();  
//  最终结果输出 =>   function aCallee(arg) {  
       //                  alert(arguments.callee);  
        //              }

JS 基础