分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

js ?宏任务,微任务

发布时间:2023-09-06 02:27责任编辑:蔡小小关键词:js

   在了解async之后,发现一个自己不是很熟悉的点儿,在这儿记录一下

    js 中存在宏任务和微任务,js 的执行顺序是 一个宏任务执行结束之后才会去执行下一个宏任务,微任务是在本宏任务的主要的任务结束之后,再去执行微任务,当所有的微任务结束之后,这个宏任务也就算执行结束了,值的注意的是,script 就是一个大的宏任务
   先分类:
       宏任务  srcipt > setImmediate  > messageChannel > setTimeout/setInterval
       微任务  promise相关的  reslove 里边的    

   举例说明
      <script>

            console.log("1")
            setTimeout(function() {console.log(‘2‘)}, 0)
            new Promise(function (resolve) {
                console.log(‘3‘)
                resolve() 
            }).then( function() {
                console.log(‘4‘)

            })

            console.log(‘5‘)

      </script>

       结果会是   1  3  5  4   2 

      因为script 和 setTimeout 都是宏任务,所以setTimeout 会在script 结束之后执行,所以 2 的最后的
      then 是微任务,要等宏任务的主线任务结束之后执行,所以会 是先3 ,然后跳出 执行 5, 5完成之后,宏任务的主线完成
      开始执行微任务  then , 打印  4 ,之后,宏任务结束,开始执行另一个宏任务,也就是 setTimeout , 打印 2

js ?宏任务,微任务

原文地址:https://www.cnblogs.com/mumu-web/p/10148569.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved