上篇文章解释了全局变量在 JavaScript 中的危害，本篇重点介绍如何来减少这种危害，可以通过以下几种方式：

---

1. 使用局部变量代替全局变量

• 通过 let 或 const 声明变量，限制变量的作用域，避免它们泄漏到全局环境中。

   function doSomething() {
       let localVar = "This is local"; // 局部变量
       console.log(localVar);
   }
   doSomething();
   // console.log(localVar); // 报错，localVar 只在函数内部有效

---

2. 创建命名空间

• 将变量和方法封装到一个对象中，减少直接向全局作用域添加变量。

   const MyApp = {}; // 创建命名空间
   MyApp.config = {
       apiUrl: "https://example.com/api",
       version: "1.0.0"
   };
   MyApp.doSomething = function() {
       console.log("Doing something!");
   };
   MyApp.doSomething();

优点：

• 减少全局变量。
• 方便管理变量和函数。

---

3. 使用闭包

• 通过 IIFE（立即调用的函数表达式）或闭包将变量封装在局部作用域中，避免污染全局环境。

   (function() {
       let privateVar = "This is private"; // 私有变量
       function privateFunction() {
           console.log(privateVar);
       }
       privateFunction();
   })();
   // console.log(privateVar); // 报错，变量未暴露到全局

---

4. 使用模块化

• 在现代 JavaScript 中，模块化是一种非常推荐的方式，它将变量和逻辑封装在模块内部。
• ES Modules // module.js export const myVar = "Hello, Module!"; export function myFunction() { console.log(myVar); } // main.js import { myVar, myFunction } from './module.js'; console.log(myVar); // "Hello, Module!" myFunction();
• CommonJS（Node.js 环境） // module.js const myVar = "Hello, Module!"; module.exports = { myVar, }; // main.js const { myVar } = require('./module'); console.log(myVar); // "Hello, Module!"

---

5. 避免隐式全局变量

• 在未声明变量时直接赋值会创建隐式全局变量，这是一个常见问题。
• 错误示例：
  javascript function test() { globalVar = "This is global"; // 未用 let/const/var 声明 } test(); console.log(globalVar); // 会污染全局作用域
• 正确示例：
  javascript function test() { let localVar = "This is local"; // 使用 let 或 const 声明 console.log(localVar); } test();

---

6. 使用严格模式

• 启用严格模式 ("use strict";) 可以禁止隐式全局变量的创建。

   "use strict";
   function test() {
       globalVar = "This will throw an error"; // 报错
   }

---

7. 使用全局对象代替直接声明

• 如果确实需要一个全局变量，可以显式地挂载到 window（浏览器环境）或 global（Node.js 环境）。

   window.myGlobal = "I am global";
   console.log(window.myGlobal); // "I am global"

---

8. 工具化检测

• 使用代码分析工具（如 ESLint），通过规则来检测和防止全局变量的滥用。
  • 配置 ESLint 规则：
  • no-undef: 检测未声明的变量。
  • no-global-assign: 禁止修改全局对象的属性。

---

总结

• 首选：局部变量、模块化和闭包。
• 次选：命名空间和显式挂载到全局对象（仅在必要时）。
• 通过严格模式和工具检测，减少隐式全局变量的风险，从代码习惯上杜绝全局污染。

以上是针对如何减少全局变量在 JavaScript 中的危害的几种常用方法，更多信息请关注本站其他文章。