for循环与自执行函数

for循环与自执行函数

一般情况下，for循环输出的值都是判断条件的最后一个值，但是当for循环里面的代码是一个自执行函数时有会出现怎样的情况呢，下面我尝试了几种情况：
for(var i = 0 ; i < 5; i++){
    (function(n){
        setTimeout(function(){
            console.log(n)
        },1000)
    })(i)
}

上面循环执行的结果是 0, 1,2,3,4  每隔1秒执行一次。
理解：在for循环的时候内存中储存了5个自执行函数，并且把i的值储存在了自执行函数里面，在循环结束之后自动执行自执行函数的处理程序。

for(var i = 0 ; i < lis.length ; i++){
(function(n){
    lis[n].onclick=function(){
        document.body.style.background = 'url(images/bd'+ (n+1) +'.jpg) no-repeat';
    }
    })(i)
}

在for循环里面是一个自执行函数时，在每次循环的过程中会把每个自执行函数在内存中储存起来，对应的i的值也储存在函数中。在循环过后（循环速度很快）,如果自执行函数里面有事件，就在事件触发的时候把i传递给事件处理函数的形参，然后执行；如果自执行函数里面没有事件，就会按照顺序一一执行。


ES6的语法中 let可以保存循环过程中的i值；
    for(let i = 0 ; i < lis.length ; i++) {
    lis[i].onclick=function(i){
        console.log(i)
    }
}

转载于:https://www.cnblogs.com/rainbow8590/p/7096196.html