為什麼web開發中需要避免使用全域變數

這次帶給大家為什麼web開發需要避免使用全域變量，web開發中避免使用全域變數的注意事項有哪些，以下是實戰案例，一起來看一下。

全域變數帶來的問題主要是：隨著程式碼量的成長，過多的全域變數會導致程式碼難以維護，並且容易出bug。一兩個全域變數沒什麼大問題，你幾乎不可能做到零全局變數（除非你的JS程式碼不與任何其他JS程式碼產生聯繫，僅僅做了些自己的事情，這種情況十分少見，不代表沒有）。

如果是寫ES6程式碼，你會發現你很難去創建一個全域變量，除非你顯式的寫window.globalVar = 'something'，ES6的模組機制自動幫你做好了作用域分割，使得你寫的程式碼維護性和安全性都變高了​​（老JSer不得不感慨現代的前端開發者真幸福）。

如果是ES6之前的程式碼，就得注意點了。例如你在函數中沒有用var來宣告的變數會直接掛載到全域變數中（這應該是JS基本知識），所以一般都是透過IIFE來實現模組化，對外只暴露一個全域變數（當然，你也可以使用RequireJS或YUI模組載入器等三方的模組管理工具來實現模組化）。

window.global = (function () {  var exportVar = {}; // ES5没有let和const，故用var
  // add method and variable to exportVar
  return exportVar;
})();

我相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

使用JS實作加密解密運算

#js 陣列運算與解析方法彙總

以上是為什麼web開發中需要避免使用全域變數的詳細內容。更多資訊請關注PHP中文網其他相關文章！