DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> javascript中運用閉包和自執行函數解決大量的全局變量問題
javascript中運用閉包和自執行函數解決大量的全局變量問題
編輯:關於JavaScript     
但是從全局看來,這樣會導致出現一些讓我們難以掌控的情況的出現:變量同名、多個函數共用一個全局變量後的值的變換……等等。所以,有時候,對於一些簡單的全局變量,我們可以通過另一種方式來處理——用自執行函數+閉包的方法來解:

比如:我們要在網頁加載時給出一個提示,在網頁關閉時給出另一個提示
下面的代碼,實現了以上功能
復制代碼 代碼如下:
var msg1 = "歡迎光臨!"; // 定義一個全局變量
var msg2 = "再見!" //定了另一個全局變量
window.onload = function() {
  alert(msg1);
}
window.onunload = function() {
  alert(msg2);
}

這段代碼中已經用到了兩個全局變量。而只是為了實現一個簡小的功能。
而且,全局變量太多,我們必須記住:msg1是歡迎時的變量,msg2是關閉時變量……如果變量更多,我們還能記得住嗎?


下面是同樣的功能,不過運用了自執行函數+閉包方法:
復制代碼 代碼如下:
(function() {
  var msg = "Hello, world!";
  window.onload = function() {
    alert(msg);
  }
})();

(function() {
  var msg = "Hello, world!";
  window.onunload = function() {
    alert(msg);
  }
})();

後者做法,雖然代碼增長了,但是:
1)msg變量只在各自的自執行函數內有效。不會和其它全局變量之間產生混淆。
2)代碼的結構變得更加的清晰。
3)解決了大量使用全局變量的情況。

以上只是本人的一點認識,希望真正的高手給出點評!
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved