10-1.立即执行函数

宠儿呀

于 2022-09-24 15:25:55 发布

阅读量76

点赞数

分类专栏： JavaScript 文章标签： javascript 前端 html

本文链接：https://blog.youkuaiyun.com/qq_46055080/article/details/127025935

版权

JavaScript 专栏收录该内容

20 篇文章

订阅专栏

本文深入探讨JavaScript中的立即执行函数（IIFE），无需调用即可执行的匿名函数表达式。通过括号、逻辑运算符等方式实现，常用于封装变量和避免全局污染。文中还展示了如何在for循环中使用IIFE，为每个元素绑定点击事件，并传递参数，确保事件处理函数中的变量值正确。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

10-1.立即执行函数

立即执行函数IIFE(immediate invocked function expression)：无需调用，直接运行,不需要函数名。

立即执行函数是一个匿名函数（因为他立即就执行了，无需调用，不需要名字）

形式：前加()或！或~或+或-,后加()

格式：

//①括号形式
(function(){
    console.log('我是一个立即执行函数');
})();
//!形式
!function (){
    console.log("balabala");
}();
//~形式
 ~ function (){
        console.log('~')
    }();
//+形式
+ function (){
        console.log('+')
    }();
//-形式
- function (){
        console.log('-')
    }();

带参数的时候：

var boxs = document.querySelectorAll('.box');//获取html中类名为box的盒子
for( var i = 0; i < boxs.length; i++ ){
        (function (a){//a是该立即执行函数的参数
            boxs[a].onclick = function(){//onclick是点击事件
                console.log(a);//点击后打印该数组的下标
            };
        })(i);//for循环一次就把自身的i赋给这个立即执行函数
    };