javascript - 有关setTimeout的问题,,大神解析下!
伊谢尔伦
伊谢尔伦 2017-04-11 12:15:36
[JavaScript讨论组]

var a=0;

    function one(){
        for(var i=0;i<10;i++){
            setTimeout(function(){
                a+=i;
            },0)
        }
    }
    function two(){
        alert(a);
    }
one();
    setTimeout(two,0);
伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

全部回复(2)
ringa_lee

JS 是单线程的程序,任意时刻只会执行一个地方的代码。
setTimeout(()=>a+=1,0); 之后虽然需要立即执行 a+=1 但是,由于当前的代码还没有执行完,所以需要等待当前代码执行完之后才会执行,同样setTimeout(two,0)也是这样。这样一种会积累 11 个待执行的函数。

setTimeout() 执行玩之后,再去一个一个执行这些函数,而不是这些函数一起执行。那么执行顺序,就是看那一段代码谁先应该执行。

可以实验一下代码,注意一下代码可能会导致浏览器长时间没有响应,甚至会使设计的不好的浏览器崩溃。

var a=0;
function one(){
    for(var i=0;i<10;i++){
        setTimeout(function(){
            a+=i;
        },0)
    }
}
function two(){
    alert(a);
}
one();
setTimeout(two,0);
while(1);
var a=0;
function one(){
    for(var i=0;i<10;i++){
        setTimeout(function(){
            while(1);
            a+=i;
        },0)
    }
}
function two(){
    alert(a);
}
one();
setTimeout(two,0);
PHP中文网

setTimeout做的事情是:在指定delay时间后,将指定方法作为异步任务添加到异步任务队列中,不会阻塞主线程。等到主线程队列空了(执行完了)的时候,就会去异步队列查询是否有可执行的异步任务了,如果某个异步任务可以执行了便加入主线程队列,以此循环。one()函数里的for循环执行完后i=10,执行setTimeout指定的函数时a+=10;执行10次,所以a=100;alert(a)弹出100

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号