首页 > JavaScript > JavaScript 入门教程 > 避免全局污染

避免全局污染

自己的项目,其实不太能在全局污染上踩坑。

大部分因为全局污染造成的问题,都出现在老项目下,这些老项目被太多人维护,同时又缺少模块化方案,如果开发人员的水平和意识都不是非常高,就会定义很多全局下的属性和方法。

这时候如果自己去维护老项目没注意,覆盖了一个全局项目,就可能出现一个 惊天大 Bug

所以在全局环境下,非必要情况,不要直接声明变量和声明函数,他们会造成全局污染。

避免这个问题最常用的方法就是把自己的逻辑用一个函数包裹:

(function() {
  // 业务逻辑

  var a = 1;
  var b = 2;
  var c = 3;

  function fn() {
    console.log(a, b, c);
  }

  fn(); // 输出:1 2 3
})();

fn(); // 抛出异常:fn is not defined

函数拥有自己的作用域,这样就避免了全局污染的问题。

如果有时候需要通过全局做跳板,把一些内容临时的挂载全局下,可以起一些不太容易重名的名字:

window.__$some_global_var = 1;

通过 _$ 组合一些前后缀,可以大大降低覆盖他们或者被覆盖的可能性。

也可以增加一个命名空间,也就给全局下增加一个对象,所有自己要用的或者某个业务相关的全局数据放在这个对象下:

window.__some_logic_need = {
  __$some_global_var: 1,
  __$some_global_fn: function() {},
};
本文来自互联网用户投稿,不拥有所有权,该文观点仅代表作者本人,不代表本站立场。
访问者可将本网站提供的内容或服务用于个人学习、研究或欣赏,以及其他非商业性或非盈利性用途,但同时应遵守著作权法及其他相关法律的规定,不得侵犯本网站及相关权利人的合法权利。
本网站内容原作者如不愿意在本网站刊登内容,请及时通知本站,邮箱:80764001@qq.com,予以删除。
© 2023 PV138 · 站点地图 · 免责声明 · 联系我们 · 问题反馈