一、宏任务
1.宏任务所处得对了就是宏任务队列。
2.第一个宏任务队列中只有一个任务:执行主线程得js代码
3.宏任务队列可以有很多个。
4.当宏任务队列中的任务全部执行完之后,会查看当前是否有微任务,当当前的伟任务执行完之后,才会执行接下来的宏任务队列
5.eg:setTimeout ,setInterval,requestAnimationFrame
二、微任务
1.微任务所处的队列就是微任务队列
2.只有一个微任务队列
3.在上一个宏任务队列执行完毕后,如果有微任务队列,就会执行微任务队列中的所有任务
4.分类:new Promise().then(callback) process.nextTick
三、上代码来分析
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>宏任务和微任务</title>
</head>
<body>
<script>
console.log("start");
setTimeout(function(){
for(let i=0;i<5;i++)
{
console.log(i);
}
},1000);
const p = new Promise((resolve,reject)=>{
// resolve("1")
reject(1)
})
p.catch(
reason=>{
console.log("end:"+reason);
})
</script>
</body>
</html>
四、输出结果:
五、画图分析: