快捷導(dǎo)航

javascript中運(yùn)用閉包和自執(zhí)行函數(shù)解決大量的全局變量問題

更新時(shí)間：2010年12月30日 19:56:15 作者：

做為一個(gè)javascript新手，為了程式的簡便，可能會在javascript中運(yùn)用了大量的全局變量，雖然一時(shí)看來，問題解決了，而且也可能讓編碼變得更加的簡單。

但是從全局看來，這樣會導(dǎo)致出現(xiàn)一些讓我們難以掌控的情況的出現(xiàn)：變量同名、多個(gè)函數(shù)共用一個(gè)全局變量后的值的變換……等等。所以，有時(shí)候，對于一些簡單的全局變量，我們可以通過另一種方式來處理——用自執(zhí)行函數(shù)+閉包的方法來解：

比如：我們要在網(wǎng)頁加載時(shí)給出一個(gè)提示，在網(wǎng)頁關(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è)簡小的功能。
而且，全局變量太多，我們必須記住：msg1是歡迎時(shí)的變量，msg2是關(guān)閉時(shí)變量……如果變量更多，我們還能記得住嗎？

下面是同樣的功能，不過運(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); 
　　} 
})(); 

后者做法，雖然代碼增長了，但是：
1）msg變量只在各自的自執(zhí)行函數(shù)內(nèi)有效。不會和其它全局變量之間產(chǎn)生混淆。
2）代碼的結(jié)構(gòu)變得更加的清晰。
3）解決了大量使用全局變量的情況。

以上只是本人的一點(diǎn)認(rèn)識，希望真正的高手給出點(diǎn)評！

您可能感興趣的文章: