javascript中運用閉包和自執(zhí)行函數(shù)解決大量的全局變量問題
更新時間：2010年12月30日 19:56:15 作者：
做為一個javascript新手，為了程式的簡便，可能會在javascript中運用了大量的全局變量，雖然一時看來，問題解決了，而且也可能讓編碼變得更加的簡單。
但是從全局看來，這樣會導(dǎo)致出現(xiàn)一些讓我們難以掌控的情況的出現(xiàn)：變量同名、多個函數(shù)共用一個全局變量后的值的變換……等等。所以，有時候，對于一些簡單的全局變量，我們可以通過另一種方式來處理——用自執(zhí)行函數(shù)+閉包的方法來解：
比如：我們要在網(wǎng)頁加載時給出一個提示，在網(wǎng)頁關(guān)閉時給出另一個提示
下面的代碼，實現(xiàn)了以上功能
var msg1 = "歡迎光臨!"; // 定義一個全局變量
var msg2 = "再見！" //定了另一個全局變量
window.onload = function() {
alert(msg1);
}
window.onunload = function() {
alert(msg2);
}
這段代碼中已經(jīng)用到了兩個全局變量。而只是為了實現(xiàn)一個簡小的功能。
而且，全局變量太多，我們必須記?。簃sg1是歡迎時的變量，msg2是關(guān)閉時變量……如果變量更多，我們還能記得住嗎？
下面是同樣的功能，不過運用了自執(zhí)行函數(shù)+閉包方法：
(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）解決了大量使用全局變量的情況。
以上只是本人的一點認識，希望真正的高手給出點評！
比如：我們要在網(wǎng)頁加載時給出一個提示，在網(wǎng)頁關(guān)閉時給出另一個提示
下面的代碼，實現(xiàn)了以上功能
復(fù)制代碼 代碼如下:
var msg1 = "歡迎光臨!"; // 定義一個全局變量
var msg2 = "再見！" //定了另一個全局變量
window.onload = function() {
alert(msg1);
}
window.onunload = function() {
alert(msg2);
}
這段代碼中已經(jīng)用到了兩個全局變量。而只是為了實現(xiàn)一個簡小的功能。
而且，全局變量太多，我們必須記?。簃sg1是歡迎時的變量，msg2是關(guā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）解決了大量使用全局變量的情況。
以上只是本人的一點認識，希望真正的高手給出點評！
相關(guān)文章
JS實現(xiàn)table表格數(shù)據(jù)排序功能(可支持動態(tài)數(shù)據(jù)+分頁效果)
這篇文章主要介紹了JS實現(xiàn)table表格數(shù)據(jù)排序功能(可支持動態(tài)數(shù)據(jù)+分頁效果) 的相關(guān)資料，非常不錯，具有參考借鑒價值，需要的朋友一起看看吧2016-05-05
這篇文章主要介紹了一些Javascript中的奇葩知識，幫助大家更好的理解和使用JavaScript，感興趣的朋友可以了解下2021-01-01
JavaScript實現(xiàn)的3D旋轉(zhuǎn)魔方動畫效果實例代碼
在本篇文章里小編給大家整理了關(guān)于JavaScript實現(xiàn)的3D旋轉(zhuǎn)魔方動畫效果實例代碼，有興趣的朋友們測試下。2019-07-07
本文主要分享了js封裝一個tab切換效果的示例代碼，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
這篇文章主要為大家介紹了通過示例演示理解javascript預(yù)解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步早日升職加薪2022-03-03
這篇文章主要介紹了JS實現(xiàn)圖片放大鏡效果的方法,實例分析了magnifier.js插件的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02
這篇文章主要介紹了js中如何向數(shù)組中添加元素unshift()方法,具有很好的參考價值,希望對大家有所幫助,2023-12-12
bootstrap實現(xiàn)嵌套模態(tài)框的實例代碼
這篇文章主要介紹了bootstrap實現(xiàn)嵌套模態(tài)框的實例代碼，代碼簡單易懂，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2020-01-01
詳解微信小程序中數(shù)據(jù)雙向綁定如何實現(xiàn)
最近在小程序的開發(fā)過程中,需要用到雙向綁定,遇到報錯才知道微信本身是不支持對象雙向綁定的,鏖戰(zhàn)一番找到解決方案,下面這篇文章主要給大家介紹了關(guān)于微信小程序中數(shù)據(jù)雙向綁定如何實現(xiàn)的相關(guān)資料,需要的朋友可以參考下2023-05-05
ECMAScript 6離我們越來越近了，作為它最重要的方言，Javascript也即將迎來語法上的重大變革，InfoQ特開設(shè)“深入淺出ES6”專欄，來看一下ES6將給我們帶來哪些新內(nèi)容2016-03-03