JS立即执行函数|极客笔记

JS立即执行函数

在JavaScript中，立即执行函数（Immediately Invoked Function Expression，IIFE）是一种常见的代码模式，用于创建一个局部作用域以防止变量污染全局作用域。立即执行函数可以在定义之后立即执行，而不需要通过函数名进行调用。

语法结构

立即执行函数的语法结构如下：

(function(){
    // 代码块
})();

立即执行函数的核心是使用函数表达式创建一个匿名函数，然后在函数后面加上一对小括号来立即执行该函数。

作用

立即执行函数在以下几个方面具有重要作用：

创建私有作用域：立即执行函数可以创建一个私有作用域，避免变量污染全局作用域。
模块化开发：通过立即执行函数，可以创建模块化的代码，使代码更清晰、结构更合理。
变量安全：立即执行函数内部的变量无法被外部访问，可以确保变量的安全性。

示例

创建私有作用域

在下面的示例中，我们可以看到立即执行函数的作用：创建一个私有作用域，保护内部变量count不会污染全局作用域。

(function(){
    var count = 0;
    console.log(count); // 输出: 0
})();
console.log(count); // Uncaught ReferenceError: count is not defined

在上面的代码中，变量count只能在立即执行函数内部访问，外部无法访问到该变量，确保了变量的私有性。

模块化开发

通过立即执行函数，我们可以模拟实现一个简单的模块化开发结构，使代码更加清晰、结构更加合理。

var module = (function(){
    var privateVar = '私有变量';

    function privateFunc() {
        console.log('私有方法执行');
    }

    return {
        publicVar: '公共变量',
        publicFunc: function() {
            console.log('公共方法执行');
            privateFunc();
        }
    };
})();

console.log(module.publicVar); // 输出: 公共变量
module.publicFunc(); // 输出: 公共方法执行 私有方法执行
console.log(module.privateVar); // undefined
module.privateFunc(); // Uncaught TypeError: module.privateFunc is not a function

在上面的示例中，立即执行函数内部定义了私有变量privateVar和私有方法privateFunc，同时返回了一个包含公共变量和公共方法的对象，外部只能访问到返回的对象中的公共成员，无法访问到私有成员。

公共依赖注入

立即执行函数也可以用于传入全局变量或第三方库，实现公共依赖注入的功能。

var jQuery = {}; // 假设为第三方库jQuery

(function( $){ // 在这里可以使用$ ，即为传入的jQuery对象
    // 例如：$(document).ready(function(){});
})(jQuery);

通过上面的示例，我们可以将第三方库jQuery注入到立即执行函数中，在立即执行函数内部就可以直接使用$代表jQuery对象，避免全局变量冲突。

注意事项

在使用立即执行函数时，需要注意以下几点：

立即执行函数的括号不能省略，否则会报错。
立即执行函数内部的变量不会影响外部作用域，但可以访问外部作用域的变量。
立即执行函数需要注意代码的组织和结构，避免出现过于复杂的嵌套。

通过使用立即执行函数，我们可以更好地控制代码的作用域和结构，使代码更具可维护性和清晰性。

JS立即执行函数