1. 程式人生 > >JavaScript中的call,apply,bind的使用

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的使用