nodejs第三天 宏任务微任务图解执行过程

已于 2023-03-06 14:11:32 修改
阅读量105 收藏
点赞数
分类专栏： 笔记 文章标签： javascript 前端 vue.js
于 2023-03-03 14:46:37 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45621877/article/details/129320001
版权
本文详细解析了Node.js中宏任务与微任务的执行流程，包括调用栈、微任务队列和宏任务队列。首先执行调用栈中的代码，接着处理微任务队列，涉及.then()、.catch()、.finally()和queueMicrotask()等。最后执行宏任务队列，如setTimeout。通过实例展示了Promise如何将任务添加到队列并按顺序执行。
摘要由CSDN通过智能技术生成

时间轮询

栈：
队列：微任务队列、宏任务队列

  • 先执行调用栈中的代码
  • 执行微任务队列中的代码 .then() 、.catch() 、 .finally() 、queueMicrotask()
  • 执行宏任务队列中的代码 setTimeout
    在这里插入图片描述
Promise.resolve().then(()=>{
   
    Promise.resolve()
最低0.47元/天 解锁文章
大盗夕落
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
node.js 学习第二天 Promise 异步
weixin_45621877的博客
03-02 94
promist。
Nodejs中读取中文文件编码问题、发送邮件和定时任务实例
10-24
主要介绍了Nodejs中读取中文文件编码问题、发送邮件和定时任务实例,本文使用了3个模块来解决这3个需求,并给出了代码操作实例,需要的朋友可以参考下
4、宏任务和微任务
s12345672的博客
10-23 360
1、什么是宏任务和微任务 JavaScript 把异步任务又做了进一步的划分，异步任务又分为两类，分别是： 1.宏任务（macrotask） 异步 Ajax 请求、 setTimeout、setInterval、 文件操作 其它宏任务 2.微任务（microtask） Promise.then、.catch 和 .finally process.nextTick 其它微任务 2、执行顺序 每一个宏任务执行完之后，都会检查是否存在待执行的微任务，如果有，则执行完所有微任务之后，再继续执行下一个
宏任务 && 微任务 && async && await（图解）
mister、奎
07-15 6075
1.宏任务和微任务 宏任务和微任务是等待任务队列中的异步任务的处理机制；(JS执行有同步任务队列和等待任务队列) 浏览器的任务队列： 主任务队列存储的都是同步任务； 等待任务队列存储的都是异步任务； 首先浏览器会把主任务队列中的同步任务挨个全部执行完，然后再去等待任务队列中看哪个任务可以执行了，然后把该执行的任务放到主任务队列中去执行，等这个任务执行完，再去等待任务中看谁可以执行了，再把...
ES6-EventLoop,宏任务、微任务和API 接口案例
qq_46199553的博客
09-06 504
EventLoop JavaScript 是单线程的语言 JavaScript 是一门单线程执行的编程语言。也就是说，同一时间只能做一件事情。 单线程执行任务队列的问题： 如果前一个任务非常耗时，则后续的任务就不得不一直等待，从而导致程序假死的问题。 2. 同步任务和异步任务 为了防止某个耗时任务导致程序假死的问题，JavaScript 把待执行的任务分为了两类： ① 同步任务（synchronous） ⚫ 又叫做非耗时任务，指的是在主线程上排队执行的那些任务 ⚫ 只有前一个任务执行完毕，才能执行后一个
vue 题解宏任务和微任务
weixin_38083836的博客
02-01 1997
vue 题解宏任务和微任务： 宏任务: 当前调用栈中执行的代码成为宏任务 (主代码块 定时器等等) 微任务: 当前(此次事件循环中)宏任务执行完, 在下一个宏任务开始之前需要执行的任务,可以理解成回调事件 (promise proness nextTick等) 上个图 看一下他们 下面通过几道 烂大街的面试题 来看一下他们的执行顺序 ...
camunda-external-task-client-js:在NodeJS中实现BPMN服务任务
04-29
camunda外部任务客户端 在NodeJS中实现您的。 必须安装NodeJS> = v10 正在安装 npm install -s camunda-external-task-client-js 或者： yarn add camunda-external-task-client-js 用法 确保运行 。 使用外部...
NodeJS_任务
02-13
在这个"NodeJS_任务"中，你可能需要编写一个简单的HTTP服务器、处理文件系统操作、集成第三方库、或者设计一个事件驱动的系统。熟悉以上知识点将有助于你完成任务。通过实际操作，你不仅能加深对NodeJS的理解，还能...
详解nodejs 开发企业微信第三方应用入门教程
10-17
主要介绍了详解nodejs 开发企业微信第三方应用入门教程，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
NodeJS远程代码执行
10-21
主要介绍了NodeJS远程代码执行方法的相关资料,需要的朋友可以参考下
宏任务和微任务
FocusOnToday的博客
02-18 153
试问一下上面代码的执行顺序是啥？难道js不是一行一行执行的？这个就涉及到JavaScript事件轮询中的宏任务和微任务。那么，首先，我们需要先知道JS运行机制。
微任务与宏任务
betterangela的博客
02-07 913
微任务与宏任务 微任务与宏任务 同步代码>微任务>宏任务 定时器任务 首先时间，每个浏览器不同，但一般最小4ms；很少会定义个位数的毫秒； 代码执行到setTimeout时，定时器模块就会记录下这个定时器，此时会开始计时，当时间到了会将回调放到任务队列里面(等待下次被调度)，等待下一次的轮询时把任务拿到主程序来执行 定时器的时间通常是不准的，因为一定要等主线程空闲了才去执行定时器任务，一定是要排队的 setTimeout(()=>{ console.
vue7 宏任务与微任务事件循环
duzhe17629085113的博客
12-17 240
script里面的为宏任务 也为脚本 同步任务时先后执行，异步任务是并行排队执行 脚本是一个宏任务/同步任务 计时器是一个异步任务：宏任务 Promise函数是一个同步任务 promise的then方法是一个异步任务 宏1=>宏1内部的同步任务=>宏1内部的微任务=>宏2=>事件循环 ...
Redis+Node.js实现一个能处理海量数据的异步任务队列系统
油墨香^-^的博客
09-22 665
由于任务队列的初始长度是已知的（为 TASKAMOUNT 常量，也写入了 Redis 的 localtasksTOTAL 中），因此当标识的值等于队列初始长度的值时，即可表明所有任务都已经完成。这样一来，当其他任务被取得时，由于黄色的标记值已经是 true 了，因此无法设置时间，所以我们便能得到首个任务被取得的时间。由于我们是通过 PM2 的 Cluster 模式来启动应用的，且从 Redis 队列中读取任务是个异步操作，因此在多进程运行的情况下无法直接保证从队列中读取任务的先后顺序，必须通过一个额外的。
事件队列事件循环(EventLoop) 宏任务 微任务详解 面试题
最新发布
xyphf的博客
04-02 798
事件队列 事件循环 Event Loop 宏任务 微任务 vue nextTick原理 详解
前端知识点总结——Vuex / 事件循环 / 宏任务和微任务 / Vue3和Vue2的区别以及双向绑定的区别 / Vue的特性 / js垃圾回收机制 / less、sass
qq_33290968的博客
09-01 617
Vuex 作用：全局状态管理。在state中定义一个数据后，可以在所在项目中的任何一个组件里进行获取、修改，并且修改的结果可以得到全局的响应变更。 Vuex的核心部分：State，Getter，Mutation，Action state：包含了store中存储的各个状态。 const store = new Vuex.Store({ state: { todos: [ { id: 1, text: '...', done: true }, { id: 2, text:
宏任务与微任务执行顺序（超详细讲解）
~朴：shu的博客
02-27 6425
写此之前，也查阅了很多文章，并结合自己的理解，说说对Event Loop模型的理解、以及对在任务队列中的影响进行了分析，也给出了多种情形的任务案例以及分析解释，相信大家看完会有所收获；当然，也是自己的理解，难免有所偏差，欢迎大家指正~
宏任务，微任务，事件循环event loop、setTimeout,setInterva、nextTick与process.nextTickl区别【示例讲解】
luemeon的博客
09-21 772
不同设备的屏幕刷新频率可能不同， setTimeout/setInterval只能设置固定的时间间隔，这个时间和屏幕刷新间隔可能不同。，只会被推入到更新队列中一次，可以避免重复修改相同的dom，这种去除重复数据，对于避免不必要的计算和 DOM 操作是非常重要的。考虑极端情况，假如定时器里面的代码需要进行大量的计算，或者是DOM操作，代码执行时间超过定时器的时间，会出现定时器不准的情况。setTimeout/setInterval是宏任务，根据事件轮询机制，其他任务会阻塞或延迟js任务的执行。
NodeJS第3天1
08-08
NodeJS第3天1课程主要探讨了Node.js框架Express在Web开发中的应用。Express是一个轻量级且功能强大的后端开发框架，它为Node.js开发者提供了便利，解决了原生Node.js开发中的一些问题，如静态文件管理、路由处理和...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值