js的执行机制

最新推荐文章于 2025-05-31 16:02:29 发布
最新推荐文章于 2025-05-31 16:02:29 发布
阅读量92 收藏
点赞数 1
文章标签： javascript 前端 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_56654424/article/details/123490525
版权
本文详细介绍了JavaScript中异步执行的规律，包括同步Promise回调的同步特性，微任务（`nextTick`与`.then/catch`）的优先级，以及宏任务（`setTimeout`）的执行顺序。理解这些有助于提升代码执行效率和掌握事件循环机制。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

js异步执行总结
1.先执行同步 promise的回调也是同步
2. 在执行异步微任务 nexTick和promise.then与catch都是微任务 但是前者比后两个优先级都高
3.在执行异步宏任务 setTimeout是宏任务 宏任务里面再根据同步和异步区分执行， 执行完一整个宏任务在去执行其他宏任务

鹿541
关注
javascript执行机制
m0_58398070的博客
03-08 925
上图内容用文字表述的话： 同步和异步任务分别进入不同的“场所”，同步的进入主线程，异步的进入Event Table并注册函数 当指定的事情完成时，Event Table会将这个函数移入Event Queue 主线程内的任务执行完毕为空，回去Event Queue读取对应的函数，进入主线程执行，上述过程会不断重复，也就是常说的Event Loop（事件循环）我们将同步任务放在浏览器的主线程之上，只有前面一个任务执行完成之后才会执行后面的任务，异步任务是指 不进入主线程，而进入任务队列的任务。
【JavaScript】JS执行机制及事件循环详解
lph159的博客
09-12 909
JavaScript 是一种单线程语言，即它在同一时间只能执行一个任务。与多线程语言不同，JavaScript 的执行环境（如浏览器或 Node.js）只有一个主线程用来处理所有任务。这个单线程模型决定了 JavaScript 无法同时处理多个任务，因此需要通过某种机制来处理耗时操作而不阻塞其他任务的执行。JavaScript 的执行机制及事件循环是其处理异步任务的核心。通过理解单线程模型、同步与异步任务、事件循环、宏任务与微任务的执行顺序，开发者可以更高效地编写异步代码，从而提升应用性能与用户体验。
JavaScript的运行机制
m0_47584501的博客
10-10 3728
JavaScript的运行机制
javascript的执行机制
2401_87196705的博客
09-19 1192
然后在这一轮宏观任务中，执行了其他相关可以直接console的语句之后，当发现微观队列中存在微观任务时，先执行微观队列中的任务，然后再反过来执行该轮的宏观队列中的宏观任务。读取到一个异步任务，首先是将异步任务放进事件表格（Event table）中，当放进事件表格中的异步任务完成某种事情或者说达成某些条件（如setTimeout事件到了，鼠标点击了，数据文件获取到了）之后，才将这些异步任务推入事件队列（Event Queue)中，这时候的异步任务才是执行栈中空闲的时候才能读取到的异步任务。
JS 执行机制 详解（附图）
王春燕的博客
02-25 2905
一、JS是单线程JS语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。这是JS这门脚本语言诞生的使命所致——用来处理页面中用户的交互，以及操作DOM而诞生的。单线程就意味着，所有任务需要排队，前一个任务结束，才会执行后一个任务。这样所导致的问题是：如果JS执行的时间过长，这样会造成页面的渲染不连贯，导致页面渲染加载阻塞的感觉。
JS运行机制及事件循环机制
weixin_42683639的博客
08-30 1097
进程：独立运行，拥有资源空间的应用程序线程：CPU调度的最小单位。
JS执行机制
shhghvvh的博客
11-28 270
​​​​​​​JS的执行机制——1.先执行执行栈中的同步任务。 2.异步任务（回调函数)放入任务队列中。 3.一旦执行栈中的所有同步任务执行完毕，系统就会按次序读取任务队列中的异步任务，于是被读取的异步任务结束等待状态，进入执行栈，开始执行。
JS运行机制、Event Loop
qq_42794545的博客
01-04 1055
async是异步的意思，await可以裂解为async wait。下面一个案例可以看到时间循环机制为了达到单线程不阻塞，他的执行流程是怎么样的。，先执行async外面的同步代码，执行完毕之后回到async函数执行之前阻塞的代码。只有任务队列通知主线程，某个异步任务可以执行力，该任务才会进入主线程执行。同步任务：立即执行的任务，一般放在主线程中（主执行栈）。异步任务又分为宏任务和微任务。await会阻塞下面的代码（即加入微任务队列）异步任务：异步执行的任务，进入。、异步与同步任务执行如下。
JS 执行机制
aizzl97的博客
07-17 313
JS执行机制是一个比较宽泛的概念，也是重要的知识点，包括单线程、执行上下文、时间循环、宏任务微任务等重要知识点，因此理解它是非常有必要的。
JS运行机制
2401_83411843的博客
03-30 706
JS运行机制promise注意事项案例异步函数执行顺序Ajax请求导图要表达的内容用文字来表述的话：同步和异步任务分别进入不同的执行"场所"，同步的进入主线程，异步的进入Event Table并注册函数。当指定的事情完成时，Event Table会将这个函数移入Event Queue。主线程内的任务执行完毕为空，会去Event Queue读取对应的函数，进入主线程执行。ent Queue读取对应的函数，进入主线程执行。异步函数的执行1.注意；promise中的函数会被异步执行，即使当前有同步函数调用它，如下
JavaScript运行机制实例分析
11-20
JavaScript运行机制是编程中至关重要的概念，它决定了代码如何被解析、执行以及处理异步操作。本文将通过实例深入解析JavaScript的运行流程。 首先，JavaScript是单线程的，这意味着它按照顺序执行代码，一行接一行...
javascript运行机制1
08-08
JavaScript 运行机制是指 JavaScript 代码在浏览器或 Node.js 环境中执行的过程。这个机制涉及到变量作用域、函数执行、上下文创建和垃圾回收等多个方面。 一、全局执行上下文 在 JavaScript 代码执行时，首先创建...
javascript运行机制之执行顺序理解
11-19
JavaScript的运行机制主要涉及到代码块、函数声明与赋值、预编译期和执行期等核心概念。首先，我们从代码块开始。 1. **代码块**：在JavaScript中，代码块通常指的是由`<script>`标签包裹的代码段。每个`<script>`...
JS 执行机制 详解（附例题）
YuLong的博客
11-18 1860
文章目录事件循环(Event Loop)初识任务队列宏任务与微任务事件循环(Event Loop)完整 事件循环(Event Loop)初识 JS分为 同步任务 和 异步任务 同步任务都在主线程（这里的主线程就是JS引擎线程）上执行，会形成一个执行栈 主线程之外，事件触发线程管理着一个任务队列，只要异步任务有了运行结果，就在任务队列之中放一个事件回调 一旦执行栈中的所有同步任务执行完毕（也就是JS引擎线程空闲了），系统就会读取任务队列，将可运行的异步任务（任务队列中的事件回调，只要任务队列中有事件回调，就说
uni-app学习笔记十五-vue3页面生命周期(二)
shenxiaomo1688的博客
05-28 522
onShow：用于监听页面显示，页面每次出现在屏幕上都触发，包括从下级页面点返回露出当前页面；onHide:监听页面隐藏，当离开当前页面时触发。
vue3 driverjs
高山景行，一尘不染
05-29 206
【代码】vue3 driverjs。
vue3 el-input type=“textarea“ 字体样式 及高度设置
最新发布
往事知多少？
05-31 368
在Vue 3中，如果你使用的是Element Plus库中的<el-input>组件作为文本域（），你可以通过几种方式来设置字体样式和高度。
Bootstrap法进行随机模拟
所念皆星河
05-28 314
本研究对26名神经功能受损儿童的空间知觉测试数据进行了分析。问题一采用Bootstrap方法计算A组与B组得分的皮尔逊相关系数，得到点估计0.821，95%置信区间为[0.662,0.913]。问题二以B组为因变量、A组为自变量建立一元线性回归模型，回归系数a的Bootstrap点估计为0.656，95%置信区间[0.49,0.847]，假设检验p值接近0，表明回归系数显著不为零。分析结果表明两组测试得分存在显著相关性和线性关系。
深入理解JavaScript中的async/await
weixin_74183307的博客
05-28 685
JavaScript中的async/await是异步编程的重大改进，它让异步代码拥有同步的书写风格。async函数隐式返回Promise，await则暂停函数执行直到Promise完成，期间主线程继续执行其他任务。本文详细解析了async/await的工作原理、执行时机和Event Loop关系，并通过典型场景比较了与Promise的差异：async/await更适合顺序异步操作和复杂流程，而Promise在简单异步和并行操作上更直接。合理使用async/await能显著提升代码可读性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值