为什么web开发中需要避免使用全局变量

程序员文章站 2022-03-18 23:35:48

...

这次给大家带来为什么web开发中需要避免使用全局变量，web开发中避免使用全局变量的注意事项有哪些，下面就是实战案例，一起来看一下。

全局变量带来的问题主要是：随着代码量的增长，过多的全局变量会导致代码难以维护，并且容易出bug。一两个全局变量没什么大问题，你几乎不可能做到零全局变量（除非你的JS代码不与任何其他JS代码产生联系，仅仅做了些自己的事情，这种情况十分少见，不代表没有）。

如果是写ES6代码，你会发现你很难去创建一个全局变量，除非你显式的写window.globalVar = 'something'，ES6的模块机制自动帮你做好了作用域分割，使得你写的代码维护性和安全性都变高了（*Ser不得不感慨现代的前端开发者真幸福）。

如果是ES6之前的代码，就得注意点了。比如你在函数中没有用var来声明的变量会直接挂载到全局变量中（这个应该是JS基本知识），所以一般都是通过IIFE来实现模块化，对外只暴露一个全局变量（当然，你也可以使用RequireJS或者YUI模块加载器等三方的模块管理工具来实现模块化）。

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

相信看了本文案例你已经掌握了方法，更多精彩请关注其它相关文章！