宏任务和微任务

最新推荐文章于 2024-09-19 21:09:57 发布
最新推荐文章于 2024-09-19 21:09:57 发布
阅读量68 收藏
点赞数
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45493444/article/details/118196753
版权

异步操作任务分为宏任务和微任务

2021/6/8
宏任务（比如setTimeout）先入队

微任务后入队

先检查微任务队列，检查完再循环宏任务队列，

比如Promise中的then在微任务中，执行完后再执行setTimeout

入栈是先进宏任务，再进微任务，

清空栈意味着要开始处理微任务，一个个调用压栈，微任务处理完，调用栈空了，再调用渲染，然后去处理宏任务

深海打捞的喵
关注
专栏目录
宏任务和微任务 常见的微任务和宏任务 事件循环机制 同步异步
青山不改，绿水长流。
10-08 541
● 异步指的是当一个进程在执行某个请求时，如果这个请求需要等待一段时间才能返回，这个时候进程会继续往下执行，不会阻塞等待消息的返回，当消息返回时系统再通知进程进行处理。● 同步指的是当一个进程在执行某个请求时，如果这个请求需要等待一段时间才能返回，那么这个进程会一直等待下去，直到消息返回为止再继续向下执行。当一个宏任务队列中的任务全部执行完后，会查看是否有微任务队列，如果有就会优先执行微任务队列中的所有任务，如果没有就查看是否有宏任务队列。宏任务是由宿主发起的，而微任务由JavaScript自身发起。
前端中的宏任务和微任务
阿乐的博客
04-24 376
宏任务和微任务是在事件循环中执行的两种不同类型的任务。宏任务是相对较大的任务，通常包括定时器任务（setTimeout、setInterval）、网络请求、用户交互事件（点击、滚动等）。宏任务会被添加到事件队列中，在每个事件循环中执行一次。微任务是相对较小的任务，通常包括Promise回调、DOM变动观察器。微任务会在当前宏任务执行完毕后立即执行，而不会添加到事件队列中。微任务的执行时机是在当前宏任务的末尾，在下一个宏任务之前。
JS宏任务和微任务
热门推荐
mrszhang111的博客
09-14 1万+
简单明了易懂的微任务与宏任务
【事件循环】宏任务和微任务
最新发布
weixin_62731214的博客
09-19 918
文章介绍了微任务和宏任务的执行顺序
浏览器原理 17 # 宏任务和微任务
学习前端这门手艺，栈底到栈顶依次是：浏览器架构、Web 网络、事件循环机制、JavaScript 核心、V8 的内存管理、浏览器的渲染流程、Web 安全、CSS、React、Vue、Node、构建工具链等
04-21 1223
说明 【浏览器工作原理与实践】专栏学习笔记 宏任务 渲染进程内部会维护多个消息队列，比如延迟执行队列和普通的消息队列。然后主线程采用一个 for 循环，不断地从这些任务队列中取出任务并执行任务。我们把这些消息队列中的任务称为宏任务。 主线程上执行的任务，比如： 渲染事件（如解析 DOM、计算布局、绘制）； 用户交互事件（如鼠标点击、滚动页面、放大缩小等）； JavaScript 脚本执行事件； 网络请求完成、文件读写完成事件。 WHATWG 规范 参考资料：https://html.spec.wha
ajax宏任务,宏任务和微任务的一个小事
weixin_39672011的博客
08-05 442
作者：Ivan本文根据 JavaScript 规范入手，阐述了JS执行过程在考虑时效性和效率权衡中的演变，并通过从JS代码运行的基础机制事件队列入手，分析了JS不同任务类型(宏任务、微任务)的差别，通过这些差别给出了详细分析不同任务嵌套的复杂 JS 代码执行的分析流程。一、事件队列与回调在使用JavaScript编程时，需要用到大量的回调编程。回调，单纯的理解，其实就是一种设置的状态通知，当某个语...
宏任务和微任务的理解
vaelcy的博客
07-19 1224
一文搞懂宏任务和微任务
浅谈JS宏任务和微任务理解
only_alive的博客
04-21 1268
1
js代码-浏览器宏任务和微任务的触发机制
07-15
- 每次事件循环，JavaScript引擎会从宏任务队列中取出一个任务执行，执行过程中可能会产生新的宏任务和微任务。 - 宏任务执行完毕后，会检查微任务队列，执行所有微任务。 2. **微任务（Microtask）**： - 微...
Promise和异步函数的reject错误处理
06-24 1411
reject一般做错误处理 两个Promise的话，前面的出错后面会等着前面的结束后面的再进行执行 Promise结束是状态改变的时候再结束， resolve和reject都不会终结Promise函数的执行 外界参与无法改变，等其自己结束 两个中有出错的都在这里出现 then的第一个回调函数是resolve对象，状态resolved unreject事件，可以用catch来终止promise链 接受多个promise对象返回一个promise对象 472)] 接受多个promise对象返回一个pr
数值Number，布尔Boolean，字符串
04-05 428
数值 JavaScript数值的特征 不区分整数值和浮点数值。 所有数值均用浮点数值表示。 采用IEEE-754标准定义的64位浮点数格式表示。 整数在实际操作时（如数组索引)，则是基于32为整数。 整数直接量 除十进制外, JavaScript能识别十六进制（以0x或0X为前缀)﹑二进制(以0b或0B为前缀）和八进制(以0o或00为前缀)。 如: 0xff 2= 55 , 0b1001 = 09 ,0o12 = 10 但在ES6的严格模式下，禁止使用八进制。 浮点数直接量 实数
ES6扩展运算符
12-22 390
ES6扩展运算符 展开数组 console.log(...[3, 4, 5]) 3 4 5 等价于 console.log(3, 4, 5) 合并数组 let arr1 = [1, 2, 3] let arr2 = [4, 5, 6] let arr3 = [7, 8, 9] console.log([...arr1, ...arr2, ...arr3]) [ 1, 2, 3, 4, 5, 6, 7, 8, 9 ] 提取数组/元素 let [var1, ...arr5] = [1, 2, 3, 4,
正则表达式
03-27 226
正则表达式 JavaScript中使用RegExp对象来封装一个正则表达式，并提供相关的方法和属性。 两种创建方法 字面量 let reg = /\bis\b/g; //g表示全文匹配 let str = "He is a boy. This is a dog. Where is she?"; console.log(str.replace(reg, "IS")); 构造函数 let reg = new RegExp("\\bis\\b", "g"); let str = "He is a boy.
面试试题2
10-14 198
闭包 闭包应用场景：防抖，节流，库的封装，保证数据的私有性，可避免变量被污染 可以避免变量被污染 私有化 (function(){ let a =2; let b = 3; function a(){ } return{ a } }) 外部可以访问到但是不能修改里面的内容，和外面的不会冲突 保存变量，常驻内存，延长变量的声明周期 let a = "xx" 在script里面 function fn(){ let b = 1 } 而b在local里面 AO
事件流
04-17 134
事件流 事件流: 描述的是在页面中接受事件的顺序 事件冒泡: 由最具体的元素接收,然后逐级向上传播至最不具体的元素的节点(文档) 事件捕获: 最不具体的节点先接收事件，而最具体的节点应该是最后接收事件 事件处理 HTML事件处理: 直接添加到HTML结构中 DOM0级事件处理 把一个函数赋值给一个事件处理程序属性 DOM2级事件处理 addEventListener(“事件名”,“事件处理函数”,“布尔值”); true:事件捕获 false:事件冒泡 removeEventListen
var和let和const
05-10 117
var和let和const var和let的使用： 在ES5中，if 和for的都没有作用域，想要有作用域必须要借助function的作用域（ES5中只有function有作用域 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.
ES6新增语法——Set和Map
06-24 107
ES6新增语法——Set和Map 2020-5-18 非数组对象的定制实现，即 Set 与 Map ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值* { const s = new Set(); [1,2,2,2,6,5].forEach(x=>s.add(x)); for(let i of s){ console.log(i); } //ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值