Javascript避免全局变量

JavaScript中避免全局变量的最佳实践是通过以下几个方式：

1. **局部作用域**：尽可能在函数内部声明变量，这样它们的作用范围仅限于该函数，不会成为全局变量。

function myFunction() {
  let localVar = "I'm local";
}

2. **模块化**：使用ES6的`let`和`const`关键字以及模块系统（如CommonJS的`require`或ES6的`import/export`），将相关的变量封装在模块内，限制其可见范围。

// module.js
export const myModuleVariable = "Exported variable";

// main.js
import { myModuleVariable } from './module.js';

3. **利用闭包**：如果需要在函数外部访问某些数据，可以创建一个私有作用域，并返回暴露公共接口的对象。

function createCounter() {
  let count = 0;
  
  return {
    increment() {
      count++;
      console.log(count);
    },
    decrement() {
      count--;
      console.log(count);
    }
  };
}

const counter = createCounter(); // count变量对外部不可见
counter.increment();

4. **使用命名空间**：使用自定义对象或立即执行的函数表达式（IIFE）来组织全局变量，使其更易于管理。

var MyNamespace = (function() {
  var privateVar = "In namespace";
  
  function myMethod() {
    // ...
  }

  return {
    publicMethod: myMethod,
    getPrivateVar: function() {
      return privateVar;
    }
  };
})();

MyNamespace.myMethod();