在JavaScript中正確引用bind方法的應用
更新時間：2015年05月11日 09:14:57 投稿：hebedich
本文的重點在于討論bind()方法的實現(xiàn)，在開始討論bind()的實現(xiàn)之前，我們先來看看bind()方法的使用，有需要的小伙伴可以參考下。
在JavaScript中，方法往往涉及到上下文，也就是this，因此往往不能直接引用，就拿最常見的console.log("info…")來說，避免書寫冗長的console，直接用log("info…")代替，不假思索的會想到如下語法：
var log = console.log;
log("info…");
很遺憾，運行報錯：TypeError: Illegal invocation。
為啥呢？對于console.log("info…")而言，log方法在console對象上調用，因此log方法中的this指向console對象；而我們用log變量指向console.log方法，然后直接調用log方法，此時log方法的this指向的是window對象，上下文不一致，當然會報錯了。
此時我們可以用bind方法解決這個問題。bind方法允許手動傳入一個this，作為當前方法的上下文，然后返回持有上下文的方法，例如：
var log = console.log.bind(console);
log("info...");
這樣就不會報錯了。
但是，bind方法并不支持ie 8以及更低版本的瀏覽器，我們完全可以自己實現(xiàn)一個，很簡單。
Function.prototype.bind = Function.prototype.bind || function(context){
var _this = this;
return function(){
_this.apply(context, arguments);
};
};
核心通過apply方法實現(xiàn)，閉包的經(jīng)典應用。_this指向當前方法，context指向當前方法的上下文，二者均通過閉包訪問。
以上所述就是本文的全部內容了，希望大家能夠喜歡。
相關文章
JavaScript 判斷iPhone X Series機型的方法
這篇文章主要介紹了JavaScript 判斷iPhone X Series機型的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-01-01
前段時間同事在群里對jQuery里的.data()方法大發(fā)牢騷,接下來介紹jQuery $.data()方法使用注意細節(jié)，需要了解的朋友可以參考下2012-12-12
javascript實現(xiàn)框架高度隨內容改變的方法
這篇文章主要介紹了javascript實現(xiàn)框架高度隨內容改變的方法,實例分析了通過父頁面及內容改變框架高度兩種實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07
中國這么大，要在一張小小地圖上畫上中國，那么就需要按一定的比例縮小。D3 可視化畫圖，也是如此。本文就來和大家聊聊D3中的比例尺的繪制與使用，感興趣的可以學習一下2022-11-11
實現(xiàn)圖片首尾平滑輪播(JS原生方法—節(jié)流)
下面小編就為大家?guī)硪黄獙崿F(xiàn)圖片首尾平滑輪播(JS原生方法—節(jié)流)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
最近使用echarts做的一個H5的成績數(shù)據(jù)報告,里面使用了雷達圖已經(jīng)折線圖和柱狀圖,下面這篇文章主要給大家介紹了關于如何利用echarts畫雷達圖和折柱混合的相關資料,需要的朋友可以參考下2022-04-04
需求是一個字符串，想刪除這個字符串最后一個字符，比如“1,2,3,4,5,”，刪除最后一個“,”用javascript怎么實現(xiàn)？下面給出三種方法2014-01-01
這篇文章主要介紹了從零開始用electron手擼一個截屏工具的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-10-10
這篇文章主要介紹了詳解基于webpack&gettext的前端多語言方案，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-01-01
本文主要介紹了js實現(xiàn)下拉框效果的方法實例。具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03