最通俗的宏任务,微任务,setTimeout,promise,事件轮询

看下面这段代码

setTimeout(function(){console.log(1)},0)
	new Promise((resolve,reject)=>{
		console.log(2)
		for(let i =0;i<10;i++){
			if(i=== 6)console.log(6)
			i === 9 && resolve()
		}
		console.log(3)
	}).then(()=>console.log(4))
console.log(5)

代码执行:
主代码:
1、遇到定时器,放到下一轮的宏任务队列;
2、走到 promise函数执行 输出2;
3、走到 for循环 i为 6的时候 输出6;
4、走到 i为 9 的时候,执行promise.then,但是他是个微任务,先放到这一轮微任务队列。
5、走到 输出3,
6、走到 输出5。

这一轮宏任务执行完毕,然后执行这一轮微任务 promise.then,输出4。

这一轮微任务执行完毕然后执行下一次的 宏任务 setTimeout 输出1

事件轮询 简单来说就是不停的 宏任务-微任务 宏任务-微任务的 顺序执行

宏任务包含:

script(整体代码)
setTimeout
setInterval
I/O
UI交互事件
postMessage
MessageChannel
setImmediate(Node.js 环境)

微任务包含:

Promise.then
Object.observe
MutaionObserver
process.nextTick(Node.js 环境)

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值