在JavaScript中正確引用bind方法的應(yīng)用
在JavaScript中，方法往往涉及到上下文，也就是this，因此往往不能直接引用，就拿最常見的console.log("info…")來說，避免書寫冗長(zhǎng)的console，直接用log("info…")代替，不假思索的會(huì)想到如下語法：
var log = console.log;
log("info…");
很遺憾，運(yùn)行報(bào)錯(cuò)：TypeError: Illegal invocation。
為啥呢？對(duì)于console.log("info…")而言，log方法在console對(duì)象上調(diào)用，因此log方法中的this指向console對(duì)象；而我們用log變量指向console.log方法，然后直接調(diào)用log方法，此時(shí)log方法的this指向的是window對(duì)象，上下文不一致，當(dāng)然會(huì)報(bào)錯(cuò)了。
此時(shí)我們可以用bind方法解決這個(gè)問題。bind方法允許手動(dòng)傳入一個(gè)this，作為當(dāng)前方法的上下文，然后返回持有上下文的方法，例如：
var log = console.log.bind(console);
log("info...");
這樣就不會(huì)報(bào)錯(cuò)了。
但是，bind方法并不支持ie 8以及更低版本的瀏覽器，我們完全可以自己實(shí)現(xiàn)一個(gè)，很簡(jiǎn)單。
Function.prototype.bind = Function.prototype.bind || function(context){
var _this = this;
return function(){
_this.apply(context, arguments);
};
};
核心通過apply方法實(shí)現(xiàn)，閉包的經(jīng)典應(yīng)用。_this指向當(dāng)前方法，context指向當(dāng)前方法的上下文，二者均通過閉包訪問。
以上所述就是本文的全部?jī)?nèi)容了，希望大家能夠喜歡。
相關(guān)文章
JS 實(shí)現(xiàn)獲取驗(yàn)證碼 倒計(jì)時(shí)功能
這篇文章主要介紹了JS 實(shí)現(xiàn)獲取驗(yàn)證碼 倒計(jì)時(shí)功能,非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2018-10-10
childNodes實(shí)現(xiàn)代碼2009-04-04
這篇文章主要介紹了如何在JS數(shù)組特定索引處指定位置插入元素？將一個(gè)元素插入到現(xiàn)有數(shù)組的特定索引處，需要的朋友可以參考下2014-08-08
Autocomplete Textbox Example javascript實(shí)現(xiàn)自動(dòng)完成成功
Autocomplete Textbox Example javascript實(shí)現(xiàn)自動(dòng)完成成功...2007-08-08
本文是在Web中通過Javascript判斷鍵盤按鍵事件，并改變按鍵的默認(rèn)動(dòng)作。2009-02-02
微信小程序?qū)崿F(xiàn)自定義加載圖標(biāo)功能
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)自定義加載圖標(biāo)功能，非常不錯(cuò)具有一定的參考借鑒價(jià)值，需要的朋友參考下吧2018-07-07
js驗(yàn)證整數(shù)加保留小數(shù)點(diǎn)的簡(jiǎn)單實(shí)例
這篇文章主要介紹了js驗(yàn)證整數(shù)加保留小數(shù)點(diǎn)的簡(jiǎn)單實(shí)例，有需要的朋友可以參考一下2013-12-12
微信小程序結(jié)合Storage實(shí)現(xiàn)搜索歷史效果
這篇文章主要為大家詳細(xì)介紹了微信小程序結(jié)合Storage實(shí)現(xiàn)搜索歷史效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-05-05
深入理解JavaScript中實(shí)例對(duì)象和new命令
典型的面向?qū)ο缶幊陶Z言(比如C++和 Java),都有“類”(class)這個(gè)概念。所謂“類”就是對(duì)象的模板,對(duì)象就是“類”的實(shí)例,下面這篇文章主要給大家介紹了關(guān)于JavaScript中實(shí)例對(duì)象和new命令的相關(guān)資料,需要的朋友可以參考下2022-12-12
計(jì)算黃金分割的javascript代碼...2007-07-07