问题描述

JS关于for循环中定时器的问题

按照逻辑应该是i的输出应该是 0,0,0,1,1,1,2,2,2但是实际情况是输出0,1,2,2,2,2,2,2,2
这是什么原因啊！！！！

    var b=0.2;
    function startjianyin(){
        for(var i=0;i<3;i++){
            var yin=function(){
                if(b<=0.4){
                    b=b+0.1;
                    alert(i);
                 }else{
                    b=0.2;
                 }
                 setTimeout(yin, 10);
            }
            yin();
        }
    }

解决方案

闭包没做好，第一个setTimeout没执行i就已经变为3了。。而且最后的结果应该是0 1 2 3 3 3 3.。而且死循环了。。。

你那个结构我无法理解你要干嘛，给你简单闭包例子你自己参考。。

   var b = 0.2;
    function startjianyin() {
        for (var i = 0; i < 3; i++) {
            var yin = (function (i) {
                return function () { console.log(i); }
            })(i);
            yin();
            setTimeout(yin, 10);
        }
    }
    startjianyin()//0 1 2 0 1 2

解决方案二：

后面弹出的应该是3吧
for循环是阻塞线程的，settimeout运行不了，等能运行，for循环结束了，这是i=3