原文：(http://www.cnblogs.com/Ghost-Draw-Sign/articles/1530108.html)
參考：http://www.cnblogs.com/libin-1/p/5823025.html
在提到上述的概念之前何恶，首先想說(shuō)說(shuō)javascript中函數(shù)的隱含參數(shù)：arguments

Arguments##

該對(duì)象代表正在執(zhí)行的函數(shù)和調(diào)用它的函數(shù)的參數(shù)决采。

[function.]arguments[n]
參數(shù):
function ：選項(xiàng)睡汹。當(dāng)前正在執(zhí)行的 Function 對(duì)象的名字公般。
n ：選項(xiàng), 要傳遞給 Function 對(duì)象的從0開(kāi)始的參數(shù)值索引。 說(shuō)明Arguments 是進(jìn)行函數(shù)調(diào)用時(shí)匕争，除了指定的參數(shù)外，還另外創(chuàng)建的一個(gè)隱藏對(duì)象。
Arguments是一個(gè)類似數(shù)組但不是數(shù)組的對(duì)象右核。
說(shuō)它類似數(shù)組是因?yàn)槠渚哂袛?shù)組一樣的訪問(wèn)性質(zhì)及方式，可以由arguments[n]來(lái)訪問(wèn)對(duì)應(yīng)的單個(gè)參數(shù)的值渺绒，并擁有數(shù)組長(zhǎng)度屬性length贺喝。還有就是arguments對(duì)象存儲(chǔ)的是實(shí)際傳遞給函數(shù)的參數(shù)，而不局限于函數(shù)聲明所定義的參數(shù)列表宗兼，而且不能顯式創(chuàng)建 arguments 對(duì)象躏鱼。arguments 對(duì)象只有函數(shù)開(kāi)始時(shí)才可用。

function ArgTest(a, b){
    var i, s = "The ArgTest function expected ";
    var numargs = arguments.length;      // 實(shí)際被傳遞參數(shù)的數(shù)值殷绍。
    var expargs = ArgTest.length;        // 期望參數(shù)的數(shù)值染苛。
    if (expargs < 2)
       s += expargs + " argument. ";
    else
       s += expargs + " arguments. ";
    if (numargs < 2)
       s += numargs + " was passed.";
    else
       s += numargs + " were passed.";
    s += "\n\n"
    for (i =0 ; i < numargs; i++){       // 獲取參數(shù)內(nèi)容。
    s += "   Arg " + i + " = " + arguments[i] + "\n";
    }
    return(s);                           // 返回參數(shù)列表篡帕。
}

在此添加了一個(gè)說(shuō)明arguments不是數(shù)組(Array類)的代碼:

 Array.prototype.selfvalue = 1;
 alert(new Array().selfvalue);
 function testAguments(){
      alert(arguments.selfvalue);
 }

運(yùn)行代碼你會(huì)發(fā)現(xiàn)第一個(gè)alert顯示1殖侵，這表示數(shù)組對(duì)象擁有selfvalue屬性，值為1镰烧，而當(dāng)你調(diào)用函數(shù)testAguments時(shí)拢军，你會(huì)發(fā)現(xiàn)顯示的是“undefined”，說(shuō)明了不是arguments的屬性怔鳖，即arguments并不是一個(gè)數(shù)組對(duì)象茉唉。

caller##

返回一個(gè)對(duì)函數(shù)的引用，該函數(shù)調(diào)用了當(dāng)前函數(shù)结执。

functionName.caller

返回一個(gè)對(duì)函數(shù)的引用度陆，該函數(shù)調(diào)用了當(dāng)前函數(shù)。

說(shuō)明
對(duì)于函數(shù)來(lái)說(shuō)献幔，caller 屬性只有在函數(shù)執(zhí)行時(shí)才有定義懂傀。
如果函數(shù)是由頂層調(diào)用的，那么 caller 包含的就是 null 蜡感。
如果在字符串上下文中使用 caller 屬性蹬蚁，那么結(jié)果和 functionName.toString 一樣，也就是說(shuō)郑兴，顯示的是函數(shù)的反編譯文本犀斋。

// caller demo {
function callerDemo() {
     if (callerDemo.caller) {
         var a= callerDemo.caller.toString();
         alert(a);
     } else {
         alert("this is a top function");
     }
}
function handleCaller() {
     callerDemo();              //"function handleCaller() { callerDemo();}"
}

callee

返回正被執(zhí)行的 Function 對(duì)象，也就是所指定的 Function 對(duì)象的正文情连。
ES5 提示: 在嚴(yán)格模式下叽粹，arguments.callee 會(huì)報(bào)錯(cuò) TypeError，因?yàn)樗呀?jīng)被廢除了。

[function.]arguments.callee
說(shuō)明
function 參數(shù)是當(dāng)前正在執(zhí)行的 Function 對(duì)象的名稱虫几。
callee 屬性的初始值就是正被執(zhí)行的 Function 對(duì)象锤灿。
function 參數(shù)是當(dāng)前正在執(zhí)行的 Function 對(duì)象的名稱。

callee 屬性是 arguments 對(duì)象的一個(gè)成員持钉，它表示對(duì)函數(shù)對(duì)象本身的引用衡招，這有利于匿名函數(shù)的遞歸或者保證函數(shù)的封裝性

例如下邊示例的遞歸計(jì)算1到n的自然數(shù)之和。而該屬性僅當(dāng)相關(guān)函數(shù)正在執(zhí)行時(shí)才可用每强。還有需要注意的是callee擁有l(wèi)ength屬性始腾，這個(gè)屬性有時(shí)候用于驗(yàn)證還是比較好的。
arguments.length是實(shí)參長(zhǎng)度空执，arguments.callee.length是形參長(zhǎng)度.由此可以判斷調(diào)用時(shí)形參長(zhǎng)度是否和實(shí)參長(zhǎng)度一致浪箭。

//callee可以打印其本身
function calleeDemo() {
   alert(arguments.callee);
}  
calleeDemo();    //返回函數(shù)function calleeDemo() { alert(arguments.callee);}

//用于驗(yàn)證參數(shù)
function calleeLengthDemo(arg1, arg2) {
     if (arguments.length==arguments.callee.length) {
         window.alert("驗(yàn)證形參和實(shí)參長(zhǎng)度正確！");
         return;
     } else {
         alert("實(shí)參長(zhǎng)度：" +arguments.length);
         alert("形參長(zhǎng)度： " +arguments.callee.length);
     }
}
//遞歸計(jì)算
var sum = function(n){
   if (n <= 0)                        
   return 1;
   else
     return n ＋arguments.callee(n - 1)
}

比較一般的遞歸函數(shù)：

var sum = function(n){
     if (1==n) return 1;
else return n + sum (n-1);

調(diào)用時(shí)：alert(sum(100));其中函數(shù)內(nèi)部包含了對(duì)sum自身的引用辨绊，函數(shù)名僅僅是一個(gè)變量名奶栖，在函數(shù)內(nèi)部調(diào)用sum即相當(dāng)于調(diào)用一個(gè)全局變量，不能很好的體現(xiàn)出是調(diào)用自身门坷，這時(shí)使用callee會(huì)是一個(gè)比較好的方法宣鄙。

apply and call##

它們的作用都是將函數(shù)綁定到另外一個(gè)對(duì)象上去運(yùn)行，兩者僅在定義參數(shù)方式有所區(qū)別： apply( thisArg , argArray ); call( thisArg[,arg1,arg2…] ] );

即所有**函數(shù)內(nèi)部的this指針都會(huì)被賦值為 thisArg**默蚌，這可實(shí)現(xiàn)**將函數(shù)作為另外一個(gè)對(duì)象的方法運(yùn)行**的目的

apply的說(shuō)明###

如果 argArray 不是一個(gè)有效的數(shù)組或者不是 arguments 對(duì)象冻晤，那么將導(dǎo)致一個(gè) `TypeError`。

第一個(gè)參數(shù)是必須的绸吸，可以是null鼻弧，undefined，this锦茁，但是不能為空攘轩。設(shè)置為null，undefined码俩，this則等同于指定全局對(duì)象度帮。。

call的說(shuō)明

  call 方法可將一個(gè)函數(shù)的對(duì)象上下文從初始的上下文改變?yōu)橛?thisArg指定的新對(duì)象稿存。      **如果沒(méi)有提供 thisArg參數(shù)够傍，那么 Global 對(duì)象被用作 thisArg**

相關(guān)技巧：
應(yīng)用call和apply還有一個(gè)技巧在里面，就是用 call 和 apply 應(yīng)用另一個(gè)函數(shù)（類）以后挠铲，當(dāng)前的函數(shù)（類）就具備了另一個(gè)函數(shù)（類）的方法或者是屬性，這也可以稱之為 繼承 寂诱》髌唬看下面示例:

// 繼承的演示
   function base() {
        this.member = " dnnsun_Member";
        this.method = function() {
            window.alert(this.member);
        }
   }
   function extend() {
        base.call(this);
        window.alert(member);
        window.alert(this.method);
   }

上面的例子可以看出，通過(guò)call之后，extend可以繼承到base的方法和屬性瓢棒。
多重繼承：

function Class10()  
{  
    this.showSub = function(a,b)  
    {  
        alert(a-b);  
    }  
}  
function Class11()  
{  
    this.showAdd = function(a,b)  
    {  
        alert(a+b);  
    }  
}  
function Class2()  
{  
    Class10.call(this);  
    Class11.call(this);  
}

使用兩個(gè) call 就實(shí)現(xiàn)多重繼承了當(dāng)然浴韭，js的繼承還有其他方法，例如使用原型鏈

apply方法有以下應(yīng)用：

• 找出數(shù)組中的最大數(shù)

1     var a = [2, 4, 5, 7, 8, 10];
2 
3     console.log(Math.max.apply(null, a)); //10
4     console.log(Math.max.call(null,2, 4, 5, 7, 8, 10)); //10

Javascript中是沒(méi)有提供找出數(shù)組中最大值的方法的脯宿，結(jié)合使用繼承自Function.prototype的apply和Math.max方法念颈，就可以返回?cái)?shù)組的最大值。

• 將數(shù)組的空元素變?yōu)閡ndefined　
  通過(guò)apply方法连霉，利用Array構(gòu)造函數(shù)將數(shù)組的空元素變成undefined榴芳。

 console.log(Array.apply(null, [1, , 3])); // [1, undefined, 3]

空元素與undefined的差別在于，數(shù)組的forEach方法會(huì)跳過(guò)空元素跺撼，但是不會(huì)跳過(guò)undefined和null窟感。因此，遍歷內(nèi)部元素的時(shí)候歉井，會(huì)得到不同的結(jié)果柿祈。

var a = [1, , 3];
    a.forEach(function(index) {
        console.log(index); //1,3 ，跳過(guò)了空元素哩至。
    })

    Array.apply(null,a).forEach(function(index){
        console.log(index);    ////1,undefined,3  躏嚎，將空元素設(shè)置為undefined
    })

• 轉(zhuǎn)換類似數(shù)組的對(duì)象
  另外，利用數(shù)組對(duì)象的slice方法菩貌，可以將一個(gè)類似數(shù)組的對(duì)象（比如arguments對(duì)象）轉(zhuǎn)為真正的數(shù)組卢佣。當(dāng)然，slice方法的一個(gè)重要應(yīng)用菜谣，就是將類似數(shù)組的對(duì)象轉(zhuǎn)為真正的數(shù)組珠漂。call和apply都可以實(shí)現(xiàn)該應(yīng)用。

1     console.log(Array.prototype.slice.apply({0:1,length:1}));    //[1]
2     console.log(Array.prototype.slice.call({0:1,length:1}));    //[1]
3     console.log(Array.prototype.slice.apply({0:1,length:2}));    //[1,undefined]
4     console.log(Array.prototype.slice.call({0:1,length:2}));    //[1,undefined]

1     function keith(a,b,c){
2         return arguments;  //類數(shù)組對(duì)象
3     }
4 
5     console.log(Array.prototype.slice.call(keith(2,3,4)));    //[2,3,4]  

上面代碼的call尾膊，apply方法的參數(shù)都是對(duì)象媳危，但是返回結(jié)果都是數(shù)組，這就起到了將對(duì)象轉(zhuǎn)成數(shù)組的目的冈敛。從上面代碼可以看到待笑，這個(gè)方法起作用的前提是，被處理的對(duì)象必須有l(wèi)ength屬性抓谴，以及相對(duì)應(yīng)的數(shù)字鍵暮蹂。

順便提一下，在javascript框架prototype里就使用apply來(lái)創(chuàng)建一個(gè)定義類的模式

其實(shí)現(xiàn)代碼如下：

var Class = {
        create: function() {
            return function() {
                 this.initialize.apply(this, arguments);
            }
       }
   }

解析：從代碼看,該對(duì)象僅包含一個(gè)方法：Create癌压，其返回一個(gè)函數(shù)仰泻，即類。但這也同時(shí)是類的構(gòu)造函數(shù)滩届，其中調(diào)用initialize集侯，而這個(gè)方法是在類創(chuàng)建時(shí)定義的初始化函數(shù)。通過(guò)如此途徑，就可以實(shí)現(xiàn)prototype中的類創(chuàng)建模式

示例：

var vehicle=Class.create();
  vehicle.prototype={
     initialize:function(type){
         this.type=type;
     }
     showSelf:function(){
         alert("this vehicle is "+ this.type);
     }
  }

   var moto=new vehicle("Moto");
   moto.showSelf();

bind##

bind方法用于指定函數(shù)內(nèi)部的this指向（執(zhí)行時(shí)所在的作用域）棠枉，然后返回一個(gè)新函數(shù)浓体。bind方法并非立即執(zhí)行一個(gè)函數(shù)。

var keith = {
        a: 1,
        count: function() {
            console.log(this.a++);
        }
    };

    var f = keith.count;
    f(); //NaN

上面代碼中辈讶，如果把count方法賦值給f變量命浴，那么this對(duì)象指向不再是keith對(duì)象了，而是window對(duì)象贱除。而window.a默認(rèn)為undefined生闲，進(jìn)行遞增運(yùn)算之后undefined++就等于NaN。
為了解決這個(gè)問(wèn)題勘伺，可以使用bind方法跪腹，將keith對(duì)象里的this綁定到keith對(duì)象上，或者是直接調(diào)用飞醉。

1     var f = keith.count.bind(keith);
2     f(); //1
3     f(); //2
4     f(); //3

當(dāng)然冲茸，this也可以綁定到其他對(duì)象上。

var obj = {
        a: 100
    };
    var f = keith.count.bind(obj);
    f(); //100
    f(); //101
    f(); //102

function keith(a, b) {
        return a + b;
    }
    console.log(keith.apply(null,[1,4])); //5
    console.log(keith.call(null,1,4)); //5
    console.log(keith.bind(null, 1, 4)); //keith()
    console.log(keith.bind(null, 1, 4)()); //5

bind方法與apply/call方法也非常類似缅帘，相當(dāng)于稍微再封裝了一下轴术，仍以上述DEMO作為案例：

function Point(x, y){
    this.x = x;
    this.y = y;
}
Point.prototype.move = function(x, y) {
    this.x += x;
    this.y += y;
}
var p = new Point(0,0);
var circle = {x:1, y:1, r:1};
// p.move.call(circle, 2, 1);
// p.move.apply(circle, [2, 1]);
var circleMove = p.move.bind(circle, 2, 1);    //此時(shí)并不執(zhí)行move方法
circleMove();    //此時(shí)才執(zhí)行

從上面這段DEMO可以看出，bind方法其實(shí)是給apply/call方法緩了一下钦无，也可以說(shuō)是封裝了一下方便后續(xù)調(diào)用逗栽，其實(shí)質(zhì)上相當(dāng)于下面的這段代碼：

function circleMove() {
    p.move.call(circle, 2, 1);
}
circleMove();

bind方法兼容性適應(yīng)###

在EcmaScript5中擴(kuò)展了叫bind的方法（IE6,7,8不支持），使用方法如下

if (!Function.prototype.bind) {
    Function.prototype.bind = function(obj) {
        var      _self = this
                  ,args = arguments;
        return function() {
            _self.apply(obj, Array.prototype.slice.call(args, 1));
        }
    }
}

call失暂，apply彼宠，bind這三個(gè)方法其實(shí)都是繼承自Function.prototype

可以看出call，apply弟塞，bind三者的區(qū)別：
①bind的返回值是函數(shù)凭峡。
②call和apply方法都是在調(diào)用之后立即執(zhí)行的。而bind調(diào)用之后是返回原函數(shù)决记，需要再調(diào)用一次才行摧冀，有點(diǎn)像閉包的味道。