在JavaScript中正確引用bind方法的應用

 　　本文的重點在於討論bind()方法的實現，在開始討論bind()的實現之前，我們先來看看bind()方法的使用，有需要的小伙伴可以參考下。

　　在JavaScript中，方法往往涉及到上下文，也就是this，因此往往不能直接引用，就拿最常見的console.log("info…")來說，避免書寫冗長的console，直接用log("info…")代替，不假思索的會想到如下語法：

　　?

1 2 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，作為當前方法的上下文，然後返回持有上下文的方法，例如：

　　?

1 2 var log = console.log.bind(console); log("info...");

　　這樣就不會報錯了。

　　但是，bind方法並不支持ie 8以及更低版本的浏覽器，我們完全可以自己實現一個，很簡單。

　　?

1 2 3 4 5 6 7 Function.prototype.bind = Function.prototype.bind || function(context){ var _this = this;   return function(){ _this.apply(context, arguments); }; };

　　核心通過apply方法實現，閉包的經典應用。_this指向當前方法，context指向當前方法的上下文，二者均通過閉包訪問。

　　以上所述就是本文的全部內容了，希望大家能夠喜歡。