當前位置:才華齋>設計>網頁設計>

關於javascript的正確應用方法

網頁設計 閱讀(3.22W)

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

關於javascript的正確應用方法

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

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

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

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

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

這樣就不會報錯了。

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

= || function(context){ var _this = this; return function(){ _y(context, arguments); }; };

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

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