js 立即执行函数

立即执行函数（Immediately Invoked Function Expression，简称 IIFE）是 JavaScript 中一种常见的编程模式，用于创建一个独立的作用域，从而避免变量污染全局命名空间。

基础概念： IIFE 是一个定义后立即执行的函数表达式。它的主要目的是创建一个局部作用域，将函数内部的变量和函数封装起来，避免与全局作用域中的其他变量和函数发生冲突。

相关优势：

避免全局污染：通过创建独立的作用域，IIFE 可以防止变量和函数名与全局作用域中的其他代码冲突。
模块化代码：IIFE 可以用于创建模块化的代码结构，每个模块都有自己的作用域，便于维护和扩展。
数据隐私：IIFE 内部的变量和函数对外部是不可见的，可以实现数据的私有化。

类型： IIFE 有多种写法，常见的包括：

使用圆括号包裹函数表达式，然后在末尾添加另一对圆括号来调用它，如 (function() { /* code */ })(); 。
使用一元运算符（如 ! 、 + 、 - ）来将函数声明转换为函数表达式，然后立即调用，如 !function() { /* code */ }(); 。

应用场景：

初始化代码：在页面加载时立即执行一些初始化操作，而不需要等待其他脚本加载完成。
模块定义：创建模块化的代码结构，每个模块都有自己的作用域和私有数据。
闭包：结合闭包使用，可以实现数据的封装和私有化。

可能遇到的问题及解决方法：

变量提升问题：在 IIFE 内部，要注意变量提升的影响。确保在使用变量之前先声明它们，或者将变量声明放在函数的顶部。
参数传递问题：如果需要在 IIFE 中使用外部变量，可以通过参数传递的方式将外部变量传递给 IIFE。
兼容性问题：在不同的浏览器中，IIFE 的实现可能会有细微的差异。为了确保兼容性，可以使用一些常见的 IIFE 写法，并进行测试。

示例代码：

// 使用圆括号包裹函数表达式并立即调用
(function() {
    var localVar = "I'm a local variable";
    console.log(localVar);
})();

// 使用一元运算符将函数声明转换为函数表达式并立即调用
!function() {
    var anotherLocalVar = "I'm another local variable";
    console.log(anotherLocalVar);
}();

// 带参数的 IIFE
var globalVar = "I'm a global variable";
(function(global) {
    var localVar = "I'm a local variable inside IIFE";
    console.log(global); // 输出全局变量
    console.log(localVar);
})(globalVar);

需要注意的是，在实际开发中，随着模块化开发（如 ES6 模块）的普及，IIFE 的使用相对减少，但在一些特定的场景下仍然有其应用价值。