JavaScript异步

setTimeout执行顺序

代码从上往下执行
同步任务放到主线程执行,
异步任务放到异步线程中同步执行,当有结果时添加的消息队列
主线程任务完成后执行消息队列任务

异步任务在执行完毕后,将回调函数插入到消息队列
setTimeout的执行为时间等待,ajax的执行为响应等待

function sleep(n) {
    var start = new Date().getTime();
    //  console.log('休眠前:' + start);
    while (true) {
        if (new Date().getTime() - start > n) {
            break;
        }
    }
}
console.log('start--' + new Date())
setTimeout(function() {
    console.log('30000--' + new Date())
},3000)
setTimeout(function() {
    console.log('30000++' + new Date())
},3000)
sleep('4000')
setTimeout(function() {
    console.log('1000--' + new Date())
    sleep('4000')
    console.log('sleep--' + new Date())
},1000) 

输出

参考:
JavaScript运行机制

发布了241 篇原创文章 · 获赞 14 · 访问量 5万+

猜你喜欢

转载自blog.csdn.net/qq_29150765/article/details/85159946