JavaScript中的call,apply,bind的使用

一、call

call(thisObj,arg1,arg2,arg...)
定義：調(diào)用一個(gè)對象的方法，以另一個(gè)對象替換當(dāng)前對象。
說明：call方法可以用來代替另一個(gè)對象調(diào)用一個(gè)方法。
call方法可以將一個(gè)函數(shù)對象的上下文改變?yōu)橛蓆hisObj指定的新對象。
thisObj的取值有以下幾種情況：
（1）不傳，或者為null,undefined時(shí)，函數(shù)中的this指向window對象；
（2）傳遞另一個(gè)函數(shù)的函數(shù)名，函數(shù)中的this指向這個(gè)函數(shù)的引用；
（3）傳遞基礎(chǔ)類型數(shù)據(jù)時(shí)，函數(shù)中的this指向其對應(yīng)的包裝對象；
（4）傳遞一個(gè)對象時(shí)，函數(shù)中的this指向這個(gè)對象。

例1--> 調(diào)用Math的max方法實(shí)現(xiàn)對一串?dāng)?shù)字的排序：

例2--> 調(diào)用fn1的方法打印fn2中的信息

例3--> 實(shí)現(xiàn)繼承：

Fn1.call(this)的意思是使用Fn1對象替代this對象，則fn2就可以調(diào)用Fn1的所有屬性和方法。

二、apply

語法：apply(thisObj,argArray)
定義：應(yīng)用某一對象的一個(gè)方法，用另一個(gè)對象替換當(dāng)前對象。
說明： 如果 argArray 不是一個(gè)有效的數(shù)組或者不是 arguments 對象，那么將導(dǎo)致一個(gè) TypeError。

如果沒有提供 argArray 和 thisObj 任何一個(gè)參數(shù)，那么 Global 對象將被用作 thisObj， 并且無法被傳遞任何參數(shù)。

功能同call,傳參方式不一樣。舉例參考call,此處略。

三、bind

bind方法創(chuàng)建一個(gè)新的函數(shù)，MDN上這樣介紹：
bind()方法創(chuàng)建一個(gè)新的函數(shù)（稱為綁定函數(shù)），當(dāng)函數(shù)被調(diào)用時(shí)，其this關(guān)鍵字被設(shè)置為提供的值，在調(diào)用新函數(shù)時(shí)，提供一個(gè)給定的參數(shù)序列。
function.bind(thisObj,arg1,arg2,arg3):參數(shù)thisObj表示：當(dāng)綁定的函數(shù)被調(diào)用時(shí)，this的指向?yàn)樵搮?shù)。當(dāng)使用new操作符調(diào)用綁定函數(shù)時(shí)，參數(shù)thisObj無效。參數(shù)arg1,arg2,...表示：當(dāng)綁定函數(shù)被調(diào)用時(shí)，這些參數(shù)將置于實(shí)參之前傳遞給被綁定的方法。

this.name="jack"
var demo={
name:"lily",
getName:function(){return this.name}
}

var name1= demo.getName;
console.log(name1())

var name2 = name1.bind(demo)
console.log(name2())

結(jié)果：
jack
lily
console.log(name1()) //輸出jack，這里的this指向全局對象
console.log(name2()) // 輸出lily, 這里的this指向name對象

給函數(shù)預(yù)設(shè)初始值：
var add = function(x,y){return x+y}
var add_curr = add.bind(null,2)
add_curr(3)
結(jié)果： 5