全局污染问题 及 如何避免全局污染

全局污染是指在JavaScript中，开发者无意间将变量或者函数添加到全局作用域，从而覆盖或干扰其他代码的行为。（任何在全局作用域中定义的变量都会成为全局对象的属性，可能导致命名冲突和难以调试的问题。）

避免全局污染的方法：（可以有效减少全局污染，增强代码的可维护性和可读性）
1.使用局部作用域
（将变量和函数放在局部作用域内，比如使用let和const声明变量，或者在函数内定义。）
2.模块化编程
（使用模块化-（如ES6模块或CommonJS）将代码分隔成独立的部分，避免将变量和函数暴露到全局作用域）
3.立即调用函数表达式（IIFE：在定义的同时就立即执行的JavaScript函数）
（使用IIFE创建一个局部作用域，防止变量泄露到全局）

(function() {  
     // 函数体  
 })();

IIFE的作用

• 避免全局变量污染：在JavaScript中，全局变量容易导致命名冲突和代码混乱。IIFE可以创建一个独立的作用域，确保函数内的变量和方法不会污染全局命名空间。
• 模块化编程：IIFE可以用来模拟模块化编程。在ES6模块化之前，IIFE是实现模块化的一种常见方式。它可以封装私有变量和方法，只暴露需要的接口。
• 初始化代码：IIFE常用于初始化代码块，例如在页面加载时执行一些初始化操作。

4.命名空间
（将相关的函数 和 变量放在一个对象中，以创建命名空间，从而避免直接在全局作用域中定义）

// 简单命名空间实例
// 定义一个全局对象作为命名空间
var MyNamespace = MyNamespace || {}; 
// 在命名空间中添加属性和方法 
MyNamespace.utils = { 
    add: function(a, b) { 
        return a + b; 
    }, 
    subtract: function(a, b) { 
        return a - b; 
    } 
}; 
// 使用命名空间中的方法 
console.log(MyNamespace.utils.add(5, 3)); // 输出: 8 
console.log(MyNamespace.utils.subtract(5, 3)); // 输出: 2

在这个例子中，MyNamespace是一个全局对象，它被用来作为所有相关函数和变量的容器。这样做的好处是所有的功能都被封装在MyNamespace之下，减少了与其它代码发生名称冲突的可能性。

5.使用const 和 let 代替 var
（var 会创建一个全局变量（如果在全局作用域中定义），而 const 和 let 只在块级作用域中有效。）