当前位置: 首页 > news >正文

【ajax核心05】宏任务与微任务

ES6之后引入Promise对象(用来管理异步任务),让JS引擎也可以发起异步任务

一:异步任务分类

异步任务分为:宏任务与微任务

宏任务

由浏览器环境执行的异步代码

具体宏任务分类

请添加图片描述

微任务

由JS引擎执行的代码
在这里插入图片描述
创建Promise对象时,本身时同步任务。但是then与catch里面的回调函数是异步任务

二:JS内代码执行流程

  1. 执行script脚本事件宏任务中的同步代码
  2. 遇到宏任务/微任务交给对应的宿主环境,有结果的回调函数进入对应队列等待执行
  3. 执行栈空闲(同步任务执行完毕)时,优先清空微任务队列后,再执行宏任务队列中的任务

三:经典面试题

面试题1

<script>// 目标:回答代码执行顺序console.log(1)setTimeout(() => {console.log(2)const p = new Promise(resolve => resolve(3))p.then(result => console.log(result))}, 0)const p = new Promise(resolve => {setTimeout(() => {console.log(4)}, 0)resolve(5)})p.then(result => console.log(result))const p2 = new Promise(resolve => resolve(6))p2.then(result => console.log(result))console.log(7)</script>//1 7 5 6 2 3 4

面试题2

console.log(1)setTimeout(() => {// 宏任务console.log(2)}, 0)const p = new Promise((resolve, reject) => {resolve(3)})p.then(res => {//微任务console.log(res)})console.log(4)

打印顺序为:1 4 3 2
setTimeout与.then方法分别是宏任务与微任务,其执行时分别位于宏任务队列和微任务队列中。由于.then方法执行所在的环境在JS引擎中,所以其比在宏任务队列中的setTimeout更先执行。
微任务队列中的任务比宏任务队列中的任务更先执行

如何赚钱

现在是否厌倦了程序员朝九晚五的生活,想给自己生活寻找另一条路径;在校大学生是否愿意在校进行人生中的第一次创业,获取人生第一桶金;是否正在看此篇文章的你愿意通过五年努力,让自己开上梦想的中的车子;

那就从提升认知开始,加入微木的知识星球:微木的创业思考

专属于创业者的交流集中地,创业、认知提升找微木!

1 创业底层方法论

2 从千万本书书籍中挑选出的,人生必读书目清单。

3 认知提升学习资源(秘密)

4 寻找赚钱项目底层方法论

5 好书精华提炼

6 深度链接微木

每天仅需0.3元/天,欢迎加入专属于创业者的交流集中地,创业、认知提升找微木!
在这里插入图片描述

相关文章:

  • 【计算机网络】已解决:“‘ping‘ 不是内部或外部命令,也不是可运行的程序或批处理文件”报错
  • 2-14 基于matlab的GA优化算法优化车间调度问题
  • PMBOK® 第六版 管理项目知识
  • 如何使用Dockerfile创建容器映像
  • 解决WebStorm中不显示npm任务面板
  • JetBrains IDEA 新旧UI切换
  • Linux文本三剑客sed
  • Spring响应式编程之Reactor核心组件
  • 网络聚合通信测试--自动化测试脚本
  • 6月20日(周四)A股行情总结:A股险守3000点,恒生科技指数跌1.6%
  • EVALUATE与XLWT与XLRD一种使用方式
  • 【机器学习300问】125、什么是双向循环神经网络(BRNN)?什么是深度循环神经网络(DRNN)?
  • 吴恩达机器学习 第二课 week4 决策树
  • 如何配置node.js环境
  • 软件设计师笔记-系统开发和运行知识(一)
  • Create React App 使用
  • Java 9 被无情抛弃,Java 8 直接升级到 Java 10!!
  • Linux各目录及每个目录的详细介绍
  • magento 货币换算
  • RxJS 实现摩斯密码(Morse) 【内附脑图】
  • Selenium实战教程系列(二)---元素定位
  • Shell编程
  • spring cloud gateway 源码解析(4)跨域问题处理
  • 互联网大裁员:Java程序员失工作,焉知不能进ali?
  • 机器人定位导航技术 激光SLAM与视觉SLAM谁更胜一筹?
  • 解决jsp引用其他项目时出现的 cannot be resolved to a type错误
  • 前端_面试
  • 使用iElevator.js模拟segmentfault的文章标题导航
  • Prometheus VS InfluxDB
  • 蚂蚁金服CTO程立:真正的技术革命才刚刚开始
  • ​油烟净化器电源安全,保障健康餐饮生活
  • # 职场生活之道:善于团结
  • #QT项目实战(天气预报)
  • (10)工业界推荐系统-小红书推荐场景及内部实践【排序模型的特征】
  • (7)svelte 教程: Props(属性)
  • (8)STL算法之替换
  • (CVPRW,2024)可学习的提示:遥感领域小样本语义分割
  • (C语言版)链表(三)——实现双向链表创建、删除、插入、释放内存等简单操作...
  • (poj1.3.2)1791(构造法模拟)
  • (办公)springboot配置aop处理请求.
  • (不用互三)AI绘画工具应该如何选择
  • (附源码)spring boot基于小程序酒店疫情系统 毕业设计 091931
  • (含笔试题)深度解析数据在内存中的存储
  • (回溯) LeetCode 40. 组合总和II
  • (七)Activiti-modeler中文支持
  • (入门自用)--C++--抽象类--多态原理--虚表--1020
  • (四)activit5.23.0修复跟踪高亮显示BUG
  • (已解决)vscode如何选择python解释器
  • (转)AS3正则:元子符,元序列,标志,数量表达符
  • (转)程序员技术练级攻略
  • (总结)Linux下的暴力密码在线破解工具Hydra详解
  • .net core 的缓存方案
  • .net core 外观者设计模式 实现,多种支付选择
  • .Net Remoting(分离服务程序实现) - Part.3
  • .NET 简介:跨平台、开源、高性能的开发平台