javascript的正確應(yīng)用方法

時(shí)間：2024-07-23 08:15:37 JavaScript 我要投稿

相關(guān)推薦

關(guān)于javascript的正確應(yīng)用方法

　　在JavaScript中，方法往往涉及到上下文，也就是this，因此往往不能直接引用，就拿最常見(jiàn)的console.log("info…")來(lái)說(shuō)，避免書(shū)寫(xiě)冗長(zhǎng)的console，直接用log("info…")代替，不假思索的會(huì)想到如下語(yǔ)法：

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

　　很遺憾，運(yùn)行報(bào)錯(cuò)：TypeError: Illegal invocation。

　　為啥呢？對(duì)于console.log("info…")而言，log方法在console對(duì)象上調(diào)用，因此log方法中的this指向console對(duì)象；而我們用log變量指向console.log方法，然后直接調(diào)用log方法，此時(shí)log方法的this指向的是window對(duì)象，上下文不一致，當(dāng)然會(huì)報(bào)錯(cuò)了。

　　此時(shí)我們可以用bind方法解決這個(gè)問(wèn)題。bind方法允許手動(dòng)傳入一個(gè)this，作為當(dāng)前方法的上下文，然后返回持有上下文的方法，例如：

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

　　這樣就不會(huì)報(bào)錯(cuò)了。

　　但是，bind方法并不支持ie 8以及更低版本的瀏覽器，我們完全可以自己實(shí)現(xiàn)一個(gè)，很簡(jiǎn)單。

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

　　核心通過(guò)apply方法實(shí)現(xiàn)，閉包的經(jīng)典應(yīng)用。_this指向當(dāng)前方法，context指向當(dāng)前方法的上下文，二者均通過(guò)閉包訪問(wèn)。

　　以上所述就是本文的全部?jī)?nèi)容了，希望大家能夠喜歡。

【javascript的正確應(yīng)用方法】相關(guān)文章：

JavaScript常用方法匯總10-25

JavaScript數(shù)組常用方法介紹09-04

javascript跨域訪問(wèn)的方法07-09

javascript編程異常處理的方法08-04