IIFE跟闭包的理解

2024年3月3日 165次阅读 来源: hover_lew

一言不合，
翠花，
上酸菜！

//随便写个函数哈
var arr=[];
for(var i=0;i<3;i++){
    arr[i]=function(){
        return i;
    }
}
//你猜会怎么输出
console.log(arr[0]());//3
console.log(arr[1]());//3
console.log(arr[3]());//3

哦，这是为什么呢？
奥，这个嘛，就是说的块级作用域问题
下面开始回归正题：
其实你这样写，结果也是一样：

var arr=[];
for(var i=0;i<3;i++){
    //留空
}
console.log(i)//太暴力了，也是3!

来看看IIFE跟闭包结合大法：

var arr=[];
for(var i=0;i<3;i++){
    (function(i){
        arr[i].function(i){
            return i;
        }
    })(i);
}
console.log(arr[0]());//0
console.log(arr[1]());//1
console.log(arr[2]());//2

其实，搞了半天，有个更吊炸天的技能，
都没想告诉你，知道为什么那么多人喜欢ES6,
因为真的非常666：

var arr=[];
for(let i=0;i<3;i++){
    arr[i]=function(){
        return i;
    }
}
//This is a Amazing world!
console.log(arr[0]());//0
console.log(arr[1]());//1
console.log(arr[2]());//2

var 要哭了，真的，怎么可以这样，
卑鄙！下流！无耻！打码
…

    原文作者：hover_lew
    原文地址: https://segmentfault.com/a/1190000018991845
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞