Rumah > hujung hadapan web > tutorial js > 为什么web开发中需要避免使用全局变量

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

php中世界最好的语言
Lepaskan: 2018-06-04 10:48:55
asal
2589 orang telah melayarinya

这次给大家带来为什么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;
})();
Salin selepas log masuk

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:

使用JS实做出加密解密操作

js 数组操作与解析方法汇总

Atas ialah kandungan terperinci 为什么web开发中需要避免使用全局变量. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan