闭包问题

最新推荐文章于 2021-08-26 17:02:18 发布

from_shanghai

最新推荐文章于 2021-08-26 17:02:18 发布

阅读量311

点赞数

CC 4.0 BY-SA版权

分类专栏：写着玩没有多大价值

本文链接：https://blog.youkuaiyun.com/from_shanghai/article/details/98040412

写着玩没有多大价值专栏收录该内容

18 篇文章

订阅专栏

探讨JavaScript中闭包及立即执行函数的概念，解析为何数组中函数执行时输出的值均为10，以及如何通过立即执行函数保存每次循环的变量状态，避免变量污染。

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

function test(){
    var arr=[];
    for(var i=0; i<10; i++){
        arr[i]=function (){
            console.log(i);
        }
    }
    return arr;
}

var myArr=test();
for(var i=0; i<10; i++){
    myArr[i]();
}



arr[i]=function (){
            
        }
是一个 函数表达式  

只有 myArr[i]();时，它里面的语句 console.log(i); 才会执行，输出 i

test函数，在里面定义一个数组，让每个函数都由数组中的一位接收，形成函数表达式，最后返回数组

执行test，用一个变量接收，得到的其实是数组。

再用 for循环，执行数组的每一位，相当于把每一个函数执行

为什么得到的 i都是 10？

因为 i 最终就加到 10

解决：

function test(){
    var arr=[];
    for(var i=0; i<10; i++){
        (function (j){
            arr[j]=function (){
            console.log(j);
           }
        }(i))
    }
    return arr;
}

var myArr=test();
for(var i=0; i<10; i++){
    myArr[i]();
}

在 for里面

arr[j]=function (){
console.log(j);} 外面套了层立即执行函数

解决原理在于立即执行函数保住了每一个i 0,1,2,3…… 每个小函数都被自己的立即函数包裹保存到外部

每个myArr[i]() 执行，小函数输出的i 都是立即执行函数保存的j

所以，重点在：

1.每个小函数都有自己的立即执行函数十个函数对十个函数不是之前十个函数对应一个 test函数

i是共同变量 for每次循环 i都++ 最后变成10

2.立即执行函数保存了每一次的i