首页 > 其他分享 >JS 宏任务和微任务

JS 宏任务和微任务

时间:2022-10-05 18:33:19浏览次数:45  
标签:console log 代码 JS 任务 执行

先来看一张图,整的明明白白
image
简单地说:
宏任务:针对浏览器/node所发起的任务
微任务:JS函数回调(异步函数)

执行顺序:微任务 > 宏任务

再看一段代码
image
image
代码解读:
JS代码是单线程,从上至下执行
1、setTimeout 是一个宏任务定时器跳过,等50ms后执行
2、new Promise 是一个构造函数,是一段同步代码,所以首先执行 console.log(1)
3、.then() 是异步代码(属于微任务),不会阻塞后面代码执行,跳过,往 下执行 console.log(2)
4、待全部代码单线程代码执行完,就会执行微任务列队里的任务console.log(3)
5、最后执行宏任务setTimeout

标签:console,log,代码,JS,任务,执行
From: https://www.cnblogs.com/xxflz/p/16756089.html

相关文章

  • Three.js day01
    `<head><metacharset="UTF-8"><title>第一个three.js文件_WebGL三维场景</title><style>body{margin:0;overflow:hidden;/*隐......
  • umi项目集成高德地图的js-sdk ——亲测有效
    1.开发前准备注册账号信息创建新应用   2.集成到项目引入到项目中 相关代码util代码封装//@ts-ignoreconstAMap=window.AMap;/***其......
  • 一文了解JSON
    目录JSON在JavaScript中的使用。json的定义json的访问json的两个常用方法JSON在在java中的使用javaBean和和json的互转List和和json的互转map和和json......
  • flexible分析.js
    (functionflexible(window,document){//获取的html的根元素vardocEl=document.documentElement//dpr物理像素比vardpr=window.devi......
  • flexible.js
    (functionflexible(window,document){vardocEl=document.documentElementvardpr=window.devicePixelRatio||1//adjustbodyfontsizef......
  • CommonJs与ESModule的区别
    两者的模块导入导出语法不同,CommonJs是通过module.exports,exports导出,require导入;ESModule则是export导出,import导入。CommonJs是运行时加载模块,ESModule是在静态编译期......
  • js:防抖动与节流
    针对一些会频繁触发的事件如scroll、resize,如果正常绑定事件处理函数的话,有可能在很短的时间内多次连续触发事件,十分影响性能。因此针对这类事件要进行防抖动或者节流处理防......
  • SAP UI5 应用元数据文件 manifest.json 的加载和解析原理讲解试读版
    一套适合SAPUI5初学者循序渐进的学习教程本专栏计划的文章数在​​300​​​篇左右,到​​2022年9月22日​​​为止,目前已经更新了​​133​​​篇,专栏完成度为​​......
  • 【nodejs开发】nodejs实现socket网络通信
    (本节内容如下:)1、简介在NodeJS中有三种socket:1.TCP,2.UDP,3.Unix域套接字。UDP/datagramsocketsClass:dgram.SocketEvent:'close'Event:'connect'Event:'erro......
  • 令人头秃的js隐式转换面试题,你能做对吗
    你有没有在面试中遇到特别奇葩的js隐形转换的面试题,第一反应是怎么会是这样呢?难以自信,js到底是怎么去计算得到结果,你是否有深入去了解其原理呢?下面将深入讲解其实现原理。......