JavaScript中的call,apply,bind的使用

標籤：call、apply、bind

一、call

call(thisObj,arg1,arg2,arg...)
定義：調用一個對象的方法，以另一個對象替換當前對象。
說明：call方法可以用來代替另一個對象調用一個方法。
call方法可以將一個函數對象的上下文改變為由thisObj指定的新對象。
thisObj的取值有以下幾種情況：
（1）不傳，或者為null,undefined時，函數中的this指向window對象；
（2）傳遞另一個函數的函數名，函數中的this指向這個函數的引用；
（3）傳遞基礎類型資料時，函數中的this指向其對應的封裝對象；
（4）傳遞一個對象時，函數中的this指向這個對象。

例1--> 調用Math的max方法實現對一串數位排序：

例2--> 調用fn1的方法列印fn2中的資訊

例3--> 實現繼承：

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

二、apply

文法：apply(thisObj,argArray)
定義：應用某一對象的一個方法，用另一個對象替換當前對象。
說明： 如果 argArray 不是一個有效數組或者不是 arguments 對象，那麼將導致一個 TypeError。

如果沒有提供 argArray 和 thisObj 任何一個參數，那麼 Global 對象將被用作 thisObj， 並且無法被傳遞任何參數。

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

三、bind

bind方法建立一個新的函數，MDN上這樣介紹：
bind()方法建立一個新的函數（稱為綁定函數），當函數被調用時，其this關鍵字被設定為提供的值，在調用新函數時，提供一個給定的參數序列。
function.bind(thisObj,arg1,arg2,arg3):參數thisObj表示：當綁定的函數被調用時，this的指向為該參數。當使用new操作符調用綁定函數時，參數thisObj無效。參數arg1,arg2,...表示：當綁定函數被調用時，這些參數將置於實參之前傳遞給被綁定的方法。

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())

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

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

JavaScript中的call,apply,bind的使用