宏任务和微任务的理解

JS简介

大家都是到js是单线程的,同一时间只能做一件事情,把其他的事情放在队列里面,完成主线程的任务之后在从队列里面获取任务

settimeOut(()=>{
	console.log("定时器")
}100)
console.log("主线程")
输出: 
//主线程
//定时器
宏任务

script、setTimeout、setInterval、setImmediate、I/O、UIrendering

微任务

promise、Object.observe、MutationObserve

任务的优先级

prosess.nextTick>promise.then>setTimeout>setImmediate

微任务相当于一个跟屁虫,一直跟在当前宏任务的后面,代码执行到一个微任务就跟上,一个接着一个

setTimeOut(()=>{
	console.log("setTimeOut")
},0)
new Promise(function(resolve){
	console.log("start")
	resolve()
	console.log("promise1")})
	.then(function(){
	console.log(promise2)})
	console.log("end")
	输出结果
	start
	promise1
	end
	promise2
	setTimeOut

举个栗子
在这里插入图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值