javascript - 有关setTimeout的问题,,大神解析下!

查看:110
本文介绍了javascript - 有关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);

解决方案

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);

这篇关于javascript - 有关setTimeout的问题,,大神解析下!的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆