javascript如何使用bind指定接收者

 這篇文章主要介紹了javascript如何使用bind指定接收者,需要的朋友可以參考下

代碼如下:

var json = {

jArray: [],

jPush: function (c) {

this.jArray.push(c);

}

}

var examp = ["123", "~", "456"];

使用ES5給出的forEach循環examp,並且將它們添加到json中的jArray中;

代碼如下:

examp.forEach(json.jPush);

這個時候會報錯:

產生這種報錯的原因是json.jPush方法中的this並沒有指向json對象,而是指向了window.解決這個問題的方法就是給這個this找對人家.

好在forEach()提供了一個參數,專門用於指定對象的.看代碼.

代碼如下:

examp.forEach(json.jPush,json);

alert(json.jArray);//結果正常了是,123~456

還有另外一種方法:

代碼如下:

examp.forEach(function (c) {

json.jPush(c);

});

alert(json.jArray);//123~456

還可以使用bind綁定

代碼如下:

examp.forEach(json.jPush.bind(json));

alert(json.jArray);

bind是創建了一個新函數而不是修改一個函數.新函數的行為和原來函數的行為一樣,但他的接收者是我們給定的對象,而原有函數的接收者保持不變.

這意味著bind方法的使用是非常安全的,因為一個函數或方法被共享的時候,不用擔心這個共享方法不會被修改掉了.