javascript中運(yùn)用閉包和自執(zhí)行函數(shù)解決大量的全局變量問題
更新時(shí)間:2010年12月30日 19:56:15 作者:
做為一個(gè)javascript新手,為了程式的簡(jiǎn)便,可能會(huì)在javascript中運(yùn)用了大量的全局變量,雖然一時(shí)看來(lái),問題解決了,而且也可能讓編碼變得更加的簡(jiǎn)單。
但是從全局看來(lái),這樣會(huì)導(dǎo)致出現(xiàn)一些讓我們難以掌控的情況的出現(xiàn):變量同名、多個(gè)函數(shù)共用一個(gè)全局變量后的值的變換……等等。所以,有時(shí)候,對(duì)于一些簡(jiǎn)單的全局變量,我們可以通過(guò)另一種方式來(lái)處理——用自執(zhí)行函數(shù)+閉包的方法來(lái)解:
比如:我們要在網(wǎng)頁(yè)加載時(shí)給出一個(gè)提示,在網(wǎng)頁(yè)關(guān)閉時(shí)給出另一個(gè)提示
下面的代碼,實(shí)現(xiàn)了以上功能
var msg1 = "歡迎光臨!"; // 定義一個(gè)全局變量
var msg2 = "再見!" //定了另一個(gè)全局變量
window.onload = function() {
alert(msg1);
}
window.onunload = function() {
alert(msg2);
}
這段代碼中已經(jīng)用到了兩個(gè)全局變量。而只是為了實(shí)現(xiàn)一個(gè)簡(jiǎn)小的功能。
而且,全局變量太多,我們必須記?。簃sg1是歡迎時(shí)的變量,msg2是關(guān)閉時(shí)變量……如果變量更多,我們還能記得住嗎?
下面是同樣的功能,不過(guò)運(yùn)用了自執(zhí)行函數(shù)+閉包方法:
(function() {
var msg = "Hello, world!";
window.onload = function() {
alert(msg);
}
})();
(function() {
var msg = "Hello, world!";
window.onunload = function() {
alert(msg);
}
})();
后者做法,雖然代碼增長(zhǎng)了,但是:
1)msg變量只在各自的自執(zhí)行函數(shù)內(nèi)有效。不會(huì)和其它全局變量之間產(chǎn)生混淆。
2)代碼的結(jié)構(gòu)變得更加的清晰。
3)解決了大量使用全局變量的情況。
以上只是本人的一點(diǎn)認(rèn)識(shí),希望真正的高手給出點(diǎn)評(píng)!
比如:我們要在網(wǎng)頁(yè)加載時(shí)給出一個(gè)提示,在網(wǎng)頁(yè)關(guān)閉時(shí)給出另一個(gè)提示
下面的代碼,實(shí)現(xiàn)了以上功能
復(fù)制代碼 代碼如下:
var msg1 = "歡迎光臨!"; // 定義一個(gè)全局變量
var msg2 = "再見!" //定了另一個(gè)全局變量
window.onload = function() {
alert(msg1);
}
window.onunload = function() {
alert(msg2);
}
這段代碼中已經(jīng)用到了兩個(gè)全局變量。而只是為了實(shí)現(xiàn)一個(gè)簡(jiǎn)小的功能。
而且,全局變量太多,我們必須記?。簃sg1是歡迎時(shí)的變量,msg2是關(guān)閉時(shí)變量……如果變量更多,我們還能記得住嗎?
下面是同樣的功能,不過(guò)運(yùn)用了自執(zhí)行函數(shù)+閉包方法:
復(fù)制代碼 代碼如下:
(function() {
var msg = "Hello, world!";
window.onload = function() {
alert(msg);
}
})();
(function() {
var msg = "Hello, world!";
window.onunload = function() {
alert(msg);
}
})();
后者做法,雖然代碼增長(zhǎng)了,但是:
1)msg變量只在各自的自執(zhí)行函數(shù)內(nèi)有效。不會(huì)和其它全局變量之間產(chǎn)生混淆。
2)代碼的結(jié)構(gòu)變得更加的清晰。
3)解決了大量使用全局變量的情況。
以上只是本人的一點(diǎn)認(rèn)識(shí),希望真正的高手給出點(diǎn)評(píng)!
相關(guān)文章
Javascript實(shí)現(xiàn)簡(jiǎn)單二級(jí)下拉菜單實(shí)例
這篇文章主要介紹Javascript實(shí)現(xiàn)二級(jí)下拉菜單的具體過(guò)程,需要的朋友可以參考下2014-06-06數(shù)組Array進(jìn)行原型prototype擴(kuò)展后帶來(lái)的for in遍歷問題
不同的程序語(yǔ)言都有多種循環(huán)語(yǔ)句,而且功能是差不多的,當(dāng)然使用場(chǎng)合還是有些區(qū)別的,比如for與for in,for in比較好用,它不需要預(yù)先知道對(duì)象屬性的長(zhǎng)度。2010-02-02深入理解javascript學(xué)習(xí)筆記(一) 編寫高質(zhì)量代碼
編寫高質(zhì)量JavaScript的一些要素,例如避免全局變量,使用單變量聲明,在循環(huán)中預(yù)緩存length(長(zhǎng)度),遵循代碼閱讀,以及更多2012-08-08bootstrap datetimepicker日期插件使用方法
這篇文章主要為大家詳細(xì)介紹了bootstrap datetimepicker的使用方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-01-01來(lái)自chinaz的ajax獲取評(píng)論代碼
chinaz利用了ajax實(shí)現(xiàn)評(píng)論的讀取操作,下面我們參考chinaz的代碼2008-05-05JavaScript操作localStorage實(shí)現(xiàn)保存本地json文件
這篇文章主要為大家詳細(xì)介紹了JavaScript如何操作localStorage實(shí)現(xiàn)保存本地json文件,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-02-02