如何在JavaScript中正確引用某個方法(bind方法的應用)


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

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

     很遺憾,運行報錯:TypeError: Illegal invocation。

     為啥呢?對於console.log("info…")而言,log方法在console對象上調用,因此log方法中的this指向console對象;而我們用log變量指向console.log方法,然后直接調用log方法,此時log方法的this指向的是window對象,上下文不一致,當然會報錯了。

     此時我們可以用bind方法解決這個問題。bind方法允許手動傳入一個this,作為當前方法的上下文,然后返回持有上下文的方法,例如:

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

     這樣就不會報錯了。

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

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

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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM