JavaScript立即执行函数（IIFE）用法与原理详解

立即执行函数基本概念

通常情况下，函数定义后必须显式调用才能执行。例如定义一个函数并调用它：

function fn(){
    console.log(1);
    }
    fn();

运行结果如下：

若不进行调用，打印结果将不会显示。因此引出立即执行函数的概念：无需显式调用，定义后即可立即执行的函数。

立即执行函数的写法与传参

立即执行函数主要有两种常见写法：

• (function(){})()
• (function(){}())

具体示例如下：

 (function fn(){
            console.log(2);
        })()

运行结果：

打印成功。

立即执行函数中的第二个小括号起到调用函数的作用。同样可以传递参数，将实参写在第二个括号内：

示例代码：

 (function fn(a,b){
    console.log('a+b='+a+b);
 })(1,2)

运行结果：

第二种写法与第一种基本一致，此处不再赘述。需注意：若存在多个立即执行函数，它们之间需用逗号分隔，否则会导致报错。此外，立即执行函数内部也可采用匿名函数形式书写。

立即执行函数的作用与优势

那么，立即执行函数的主要作用或优势是什么？

其最大作用在于独立创建了一个作用域。在javascript 中，默认没有私有作用域的概念。如果在多人协作的项目中，在全局或局部作用域声明变量，可能会被其他开发者意外覆盖同名变量。而立即执行函数内部的变量均为局部变量，可有效避免命名冲突。

本文关于JavaScript立即执行函数的介绍到此结束，更多相关内容请搜索本站历史文章或继续浏览后续文章，感谢支持！