for循环与自执行函数

来源:互联网 发布:如何想象高维空间 知乎 编辑:程序博客网 时间:2024/05/11 22:39

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)    }}
原创粉丝点击