JavaScript的同步任务，异步任务，宏任务和微任务

最新推荐文章于 2024-11-05 22:07:06 发布
最新推荐文章于 2024-11-05 22:07:06 发布
阅读量164 收藏
点赞数
分类专栏： html 文章标签： javascript 前端 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lizfs_csdn/article/details/126709705
版权

Macro task：setTimeout，setTimeInterval

Micro Task： promise ，process.nextTick

事件队列 

各种线程

浏览器是多线程的，js是单线程的，浏览器至少包含三个常驻线程：

js引擎线程：基于事件驱动单线程执行

GUI渲染线程：负责渲染浏览器界面。但是js引擎线程和GUI渲染线程是互斥的，当js引擎线程进行时，GUI渲染线程会暂停，直到js引擎线程结束才继续，这也就是js阻塞

事件触发线程：当事件被触发后，会把事件添加到任务队列的最尾端，等待js引擎处理执行
 

编程经验随笔
关注
专栏目录
JavaScript事件循环及宏任务微任务原理解析
10-14
同步任务是按顺序执行的，而异步任务分为宏任务（MacroTask）和微任务（MicroTask）。 宏任务主要包括：整个脚本、setTimeout、setInterval等。这些任务会在主线程空闲时从任务队列中取出执行。值得注意的是，...
js 同步任务，异步任务，宏任务，微任务
想飞上天和太阳肩并肩
01-06 778
js执行任务是单线程的，代码从上往下按顺序执行, 这就造成了如果前面任务很慢，那后面的任务就永远执行不了，为了解决这个问题，js中出现了同步任务和异步任务。 异步任务又分为宏任务和微任务 1. 宏任务 a. 定时器 b. 事件绑定 c. ajax d. 回调函数 e. Node中fs可以进行异步的I/O操作 2.微任务 a. Promise(async/await) promise 并不是完全的同步，在promise中是同步任务，执行resolve或者reject回调的时候，此时是异步操作，会先将then/
终于完全弄懂了js的同步任务，异步任务，微任务和宏任务
dandan_zhang的博客
12-04 6916
首先一定要明确一点：JS 是单线程 单线程就意味着，所有任务需要排队，前一个任务结束，才会执行后一个任务。如果前一个任务耗时很长，后一个任务就不得不一直等着。 这样所导致的问题是： 如果 JS 执行的时间过长，这样就会造成页面的渲染不连贯，导致页面渲染加载阻塞的感觉。 同步任务和异步任务 单线程导致的问题就是后面的任务等待前面任务完成，如果前面任务很耗时（比如读取网络数据），后面任务不得不一直等待！！ 为了解决这个问题，利用多核 CPU 的计算能力，HTML5 提出 We...
js中的同步任务、异步任务、宏任务、微任务
LickDog的博客
08-30 755
宏任务和微任务的基础理解
js单线程与事件循环，同步与异步，宏任务与微任务
darabiuz的博客
02-21 844
1.js是单线程的 单线程是什么 同一个事件只能做同一件事情，下一件事情需要等待上一件事执行完毕 为什么js是单线程？ js作为浏览器脚本语言，用途是与用户互动，假定JavaScript同时有两个线程，一个线程在某个DOM节点上添加内容，另一个线程删除了这个节点，这时浏览器应该以哪个线程为准？单线程可以避免复杂性 单线程带来的问题和局限性 js是单线程语言，浏览器只分配给js一个主线程，用来执行任务（函数），但一次只能执行一个任务，这些任务形成一个任务队列排队等候执行，但前端的某些任务是非常耗时的，比如网
javascript 同步任务、异步任务，单线程、多线程，执行栈、任务队列、任务队列的维护，宏任务、微任务，事件循环。
Absurd_people的博客
08-30 992
原文连接：https://blog.csdn.net/weixin_39788986/article/details/110130711 原文连接：https://blog.csdn.net/terrychinaz/article/details/112425039
JS事件循环机制event loop宏任务微任务原理解析
10-14
总之，JavaScript的事件循环机制是其异步编程模型的核心，理解宏任务和微任务的区别以及它们在事件循环中的执行顺序，对于编写高效、可维护的JavaScript代码至关重要。通过不断实践和学习，开发者可以更好地掌控...
浅谈javascript事件环微任务和宏任务队列原理
10-14
在每个宏任务执行完毕后，且微任务队列清空后，会从宏任务队列中取出下一个任务进行执行。 来看一个经典的例子，涉及到`MutationObserver`、点击事件和`setTimeout`： ```javascript // ... // 添加点击事件监听 ...
JavaScript单线程和任务队列原理解析
10-15
当主线程的执行栈为空时，JavaScript引擎会检查任务队列，将其中的异步任务取出，按照一定的规则（宏任务和微任务的区别）放入执行栈进行执行。 任务队列分为多个类型，包括宏任务（macrotask）和微任务（microtask...
同步和异步的区别
weixin_40213018的博客
11-02 956
所有任务可以分成两种，一种是同步任务（synchronous），另一种是异步任务（asynchronous）。 同步任务指的是，在主线程上排队执行的任务，只有前一个任务执行完毕，才能执行后一个任务； 异步任务指的是，不进入主线程、而进入"任务队列"（task queue）的任务，只有等主线程任务执行完毕，"任务队列"开始通知主线程，请求执行任务，该任务才会进入主线程执行。 具体来说，异步运行...
JavaScript 生成二维码
qq_30049249的博客
11-02 219
我试过了，这一款js库支持中英文混合。进入网站后，可以直接点击运行哟～
软件测试学习笔记丨Vue常用指令-条件渲染（v-if）
ceshiren_com的博客
11-05 437
v-show只是简单控制dom元素的display属性。v-if通过操纵dom元素来进行切换显示。
vxe-grid ，增加新行，并且定位到新增的行
花花鱼的专栏
11-05 101
vxe-grid新增空行，并且定位到空行位置。
JavaScript数据类型- BigInt详解（处理任意大小整数的终极指南）
最新发布
cx18333的博客
11-05 384
随着ECMAScript 11（ES11）引入了BigInt，JavaScript开发者现在可以轻松地处理超出传统Number类型限制的大整数。本文全面解析了BigInt的使用方法、核心特性和限制条件，为你提供了处理大型整数数据的强大工具。从BigInt的基础用法到算术运算和比较，再到类型检查和兼容性考量，一步步的深入了解这个新的数据类型。
Vue2+3
m0_73557953的博客
11-04 73
创建Vue实例 Vue指令
JavaScript-数组
weixin_64689713的博客
11-04 842
/ 定义一个长度为 4 的数组，但是这 4 项都是 undefined两种定义方法根据实际需求选择即可，两者的底层都是同样的实现逻辑。推荐：方括号定义法！
情怀系列国际版棋牌完整源码具备强大的多语言扩展功能，涵盖了900多款子游戏，专为全球市场的游戏开发和运营设计。
z926098的博客
11-05 129
客户端使用Cocos Creator进行跨平台开发，可以发布为App、H5网页和PC网页。这种跨平台的能力使运营商只需维护一套代码，就能同时管理多个终端。除此之外，系统还支持产品的热更新功能，大幅提升运营效率并降低成本，实现了产品层面的“降维打击”。情怀棋牌源代码的服务器端使用JAVA和Node.js开发，采用RocketMQ作为消息队列中间件，有效防止服务器堵塞、消峰。该源码包涵盖了完整的服务器端代码、服务端900款子游戏源码、客户端代码、客户端700款子游戏、管理后台代码、数据库以及热更新生成脚本等。
vue3+cesium实现测距测面功能
m0_65745337的博客
11-05 190
温馨提示：如有需要源码的，可私聊。1、初始化三维球，代码如下。
JavaScript的第十一天
全栈学习ing
10-31 763
在使用offset系列时需注意该属性为css属性，一般用于和javascript结合使用来获取信息，所以在使用该属性时只能获取值而不能改变值。最近的具有定位属性的祖先元素顶部边缘左侧边缘。
前端同步和异步宏任务和微任务
06-07
在 JavaScript 引擎中，异步代码会被分为宏任务和微任务两种类型。其中，宏任务包括 setTimeout、setInterval、setImmediate、I/O 操作等，而微任务包括 Promise、process.nextTick 等。 在事件循环中，每次执行完...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

编程经验随笔

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值