验证setTimeout执行的时间

宏任务和微任务生成方式:
microtask:Promise、process.nextTick等
macrotask:代码块、setTimeout、setInterval

console.log('1'); // 宏任务1

setTimeout(() => {
    console.log('2'); // 宏任务3
}, 0);

Promise.resolve().then(() => {
    console.log('3'); // 微任务1
}).then(() => {
    console.log('4'); // 微任务3
}).then(async () => {
    await console.log('5'); // 微任务5
})

let arr = [0];

Promise.resolve().then(() => {
    arr.map(() => {
        console.log('6'); // 微任务2
    })
}).then(() => {
    console.log('7'); // 微任务4
})

console.log('8'); // 宏任务2
> 1
> 8
> 3
> 6
> 4
> 7
> 5
> 2

为啥setTimeout作为一个宏任务在一堆微任务之后呢?因为他被放在事件触发线程之中了,要等待JS引擎线程清空任务后才会被塞进去。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值