宏任务与微任务

最新推荐文章于 2022-10-21 20:04:10 发布

weixin_49696014

最新推荐文章于 2022-10-21 20:04:10 发布

阅读量63

点赞数

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/weixin_49696014/article/details/121687619

版权

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

weixin_49696014

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
宏任务与微任务

1、什么是宏任务和微任务javaScript把异步任务又做了进一步的划分，异步任务又分为两类，分别是：1、宏任务：异步ajax请求setTimeout、setInterval文件操作其他宏任务2、微任务promise.then、.catch和.finallyprocess.nextTick其他微任务2、宏任务和微任务的执行顺序每一个宏任务执行完之后，都会检查是否存在待执行的微任务，如果有，则执行完所有微任务之后，再继续执行下一个宏任务代码一、<!DOCTYPE html&g
复制链接

扫一扫