JS中宏任务和微任务浅析

宏任务,微任务是存在于整个js中的。
宏任务定义:script,setTimeout,setInterval
微任务定义:Promise,process.nextTick()

setTimeout(function(){
		    console.log('setTimeout')
		});
 
		new Promise(function(resolve){
		    console.log('Promise');
                    resolve();
		}).then(function(){
		    console.log('then')
		});
 
		console.log('console');

在解析这段代码之前我们需要先了解js的运行机制,js是单线程的,为了提高代码执行效率,js中有主线程和异步队列。
我们在执行上面这段代码是,从上往下开始:
① setTimeout延时器,直接进入异步队列;
② 遇到promise属于微任务,promise.then的输出结果进入Event Queue,newPromise直接执行,输出Promise;
③ 继续向下直接执行输出console
④ 主线程宏任务执行完成,进入微任务执行promise.then的结果输出then;
⑤ 主线程任务执行完毕,进入异步队列,宏任务直接执行setTimeout输出setTimeout。

Event Loop

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值