- 相關(guān)推薦
關(guān)于javascript的正確應用方法
在JavaScript中,方法往往涉及到上下文,也就是this,因此往往不能直接引用,就拿最常見(jiàn)的console.log("info…")來(lái)說(shuō),避免書(shū)寫(xiě)冗長(cháng)的console,直接用log("info…")代替,不假思索的會(huì )想到如下語(yǔ)法:
var log = console.log; log("info…");
很遺憾,運行報錯:TypeError: Illegal invocation。
為啥呢?對于console.log("info…")而言,log方法在console對象上調用,因此log方法中的this指向console對象;而我們用log變量指向console.log方法,然后直接調用log方法,此時(shí)log方法的this指向的是window對象,上下文不一致,當然會(huì )報錯了。
此時(shí)我們可以用bind方法解決這個(gè)問(wèn)題。bind方法允許手動(dòng)傳入一個(gè)this,作為當前方法的上下文,然后返回持有上下文的方法,例如:
var log = console.log.bind(console); log("info...");
這樣就不會(huì )報錯了。
但是,bind方法并不支持ie 8以及更低版本的瀏覽器,我們完全可以自己實(shí)現一個(gè),很簡(jiǎn)單。
Function.prototype.bind = Function.prototype.bind || function(context){ var _this = this; return function(){ _this.apply(context, arguments); }; };
核心通過(guò)apply方法實(shí)現,閉包的經(jīng)典應用。_this指向當前方法,context指向當前方法的上下文,二者均通過(guò)閉包訪(fǎng)問(wèn)。
以上所述就是本文的全部?jì)热萘,希望大家能夠喜歡。
【javascript的正確應用方法】相關(guān)文章:
JavaScript常用方法匯總10-25
JavaScript數組常用方法介紹09-04
javascript跨域訪(fǎng)問(wèn)的方法07-09
javascript編程異常處理的方法08-04
JavaScript fontcolor方法入門(mén)實(shí)例07-07
抽象語(yǔ)法樹(shù)在JavaScript中的應用08-18
健身的正確方法10-27