避免全局污染-知识专区-汉码未来

当前位置：前端开发 > 避免全局污染

admin · 更新于 2021-08-06

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

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

这时候如果自己去维护老项目没注意，覆盖了一个全局项目，就可能出现一个惊天大 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代码块
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

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

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

window.__$some_global_var = 1;代码块
1

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

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

window.__some_logic_need = {
  __$some_global_var: 1,
  __$some_global_fn: function() {},};代码块
1
2
3
4

汉码未来

JavaScript 入门教程

为什么选择汉码未来

线下面授

五人小班

技术强大

内推就业