1、什么是宏任务和微任务
javaScript把异步任务又做了进一步的划分,异步任务又分为两类,分别是:
1、宏任务:
异步ajax请求
setTimeout、setInterval
文件操作
其他宏任务
2、微任务
promise.then、.catch和.finally
process.nextTick
其他微任务
2、宏任务和微任务的执行顺序
每一个宏任务执行完之后,都会检查是否存在待执行的微任务,如果有,则执行完所有微任务之后,再继续执行下一个宏任务
代码一、
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
setTimeout(() => {
console.log(1)
})
let p = new Promise((resolve,reject) => {
console.log(2)
resolve(3)
})
p.then((res) => {
console.log(res)
})
console.log(4)
// 2,4,3,1
</script>
</body>
</html>
代码二、
setTimeout(() => {
console.log(1) // 6
})
let p = new Promise((resolve,reject) => {
console.log(2) // 1
resolve(3)
})
p.then((res) => {
console.log(res) // 4
})
console.log(4) // 2
setTimeout(() => {
console.log(5) // 7
new Promise((resolve,reject) => {
console.log(6) // 8
resolve()
}).then(() => {
console.log(7) // 9
})
})
new Promise((resolve,reject) => {
console.log(8) // 3
resolve()
}).then(() => {
console.log(9) // 5
})
// 2,4,8,3,9,1,5,6,7