JavaScript异步

本文深入解析JavaScript的执行机制,阐述了代码如何从上至下执行,同步任务在主线程的处理方式,以及异步任务如何通过消息队列调度。特别讨论了setTimeout与ajax的执行差异,提供了具体代码示例帮助理解。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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运行机制

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值