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

 在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以及更低版本的瀏覽器，我們完全可以自己實作一個，很簡單。

 Function.prototype.bind = Function.prototype.bind || function(context){
   var _this = this;
   
   return function(){
     _this.apply(context, arguments);
   };
 };

     核心透過apply方法實現，閉包的經典應用。 _this指向目前方法，context指向目前方法的上下文，二者皆透過閉包存取。

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