事件循环与微任务:Promise里的代码为什么比setTimeout先执行

最新推荐文章于 2024-03-16 21:41:28 发布
最新推荐文章于 2024-03-16 21:41:28 发布
阅读量549 收藏
点赞数
分类专栏： js 文章标签： js 事件循环 promise setTimeout
博客参考相关链接，涉及JavaScript的事件循环、Promise和setTimeout等信息技术内容。事件循环是JS执行机制的关键，Promise用于异步操作处理，setTimeout可设置定时任务。

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

参考https://www.jianshu.com/p/b8234b3314c8

事件循环：Promise与宏任务，微任务
Czuaphe的博客
06-02 854
宏任务与微任务 宏任务：script，setTimeout，setInterval，MessageChannel，I/O（文件，网络）相关API，DOM事件监听，setImmediate（Node.js）。 微任务：process.nextTick（Node.js）MutationObserver（浏览器），Promise.prototype.then()/catch()/finally()。 requestAnimationFrame是宏任务还是微任务？ 有4种不同的情况： 宏任务里面新建宏任务：加入宏任
事件循环、宏任务与微任务、Promise与 Async/Await以及常见面试题
xiaoxiaotututu的博客
07-19 761
事件循环（event loop） JS分为同步任务和异步任务，同步任务会在主线程上执行（形成执行栈，先进后出），异步任务会先放置在任务队列中（先进先出）； 当主线程上的同步任务全部执行完成后，js会在任务队列中依次取出异步任务并执行。 JS主线程不断的循环往复的从任务队列中读取任务，执行任务，这中运行机制遍称为事件循环。 但事件循环中的任务队列并不是唯一的，每个事件循环都有一个微任务队列以及多个宏任务队列。 宏任务（Macrotasks）与微任务（Microtasks） 异步任务可分为 宏任务 和 微任
重学前端 17 # Promise里的代码为什么比setTimeout先执行？
学习前端这门手艺，栈底到栈顶依次是：浏览器架构、Web 网络、事件循环机制、JavaScript 核心、V8 的内存管理、浏览器的渲染流程、Web 安全、CSS、React、Vue、Node、构建工具链等
05-16 408
说明 每天10分钟，重构你的前端知识体系专栏笔记。 一、引言 一个 JavaScript 引擎会常驻于内存中，它等待着 宿主 把 JavaScript 代码或者函数传递给它执行。 1、ES3版本以及之前，JavaScript 本身还没有异步执行代码的能力，宿主环境传递给 JavaScript 引擎，然后按顺序执行，由宿主发起任务。 2、ES5之后，JavaScript 引入了 Promise，不需要浏览器的安排，JavaScript 引擎本身也可以发起任务。 3、采纳JSC引擎术语，把宿主发起的任务
Promise为什么比setTimeout先执行？
MichelleZhai的博客
01-15 1457
emmmm…遇到一题目，promise为什么比setTimeout先执行，查阅了很多文档基本都是说了事件循环的大概的理念，都没有根据事件循环的概念深入解释promise比setTimeout先执行的原因。实在不太喜欢半吊子的解释，也有可能是自己理解不太透彻，简单的整理下原因。 setTimeout(function(){console.log(1)},0); new Promise...
JavaScript中的事件循环 为什么是微任务先运行
dropout的博客
11-22 480
总的来说，“避免死循环” 是指在异步任务的处理中，合理控制任务的执行顺序，避免无限循环或递归，保证程序能够正常地执行其他任务，而不陷入无尽的重复。如果微任务执行的时候又调度了新的宏任务，那么这个新宏任务会在当前宏任务执行完毕后被执行，而不是立即执行，从而避免了无限循环。在这个例子中，当宏任务中的微任务执行时，又调度了一个新的宏任务，这样就形成了一个宏任务和微任务之间的循环。： 如果宏任务中产生了微任务，如果微任务不优先执行，而是等宏任务执行完再执行微任务，可能会导致宏任务和微任务之间的死循环。
promise与setTimeout的执行顺序问题
ZJW222的博客
11-20 1126
有一次在面试题中有做到promise与setTimeout的执行顺序，当时有点懵，执行顺序还是弄错了一点点，这里记录下 1.输出 setTimeout(function() { console.log(111) }, 0); setTimeout(function() { console.log(333) }, 1000); new Promise(function(reso...
javascript的事件循环与setTimeout
stsfang
04-09 565
写在前面 2018春招面腾讯提前批遇到的一个关于JS面向对象编程的题目，题目主要涉及的是对象方法调用先后顺序的控制，思考了一会，使用ES6的Promise 还是setTimeout好呢？下面针对setTimeout给出问题的解。 问题 问题的重点是方法调用的先后。 // 要求写一个 HardMan //满足如下输出： HardMan('jack').rest(3).l...
js代码-2、JS代码的执行顺序：async、promise、setTimeout
07-16
- **setTimeout的非确定性**：由于事件循环和任务队列的关系，setTimeout的执行时间并不是绝对精确的，尤其在存在其他异步操作时。 结合`async`、`Promise`和`setTimeout`理解执行顺序： - 同步代码总是优先于...
JavaScript事件循环及宏任务微任务原理解析
11-19
7. **渲染与下一轮事件循环**：微任务执行完毕，主线程会进行页面渲染，然后再次回到事件循环，重复以上步骤。 **二、宏任务（MacroTask）与微任务（MicroTask）** - **宏任务（MacroTask）**：主要包括全局脚本、...
JS事件循环机制event loop宏任务微任务原理解析
11-19
整个事件循环的流程是：执行栈中的同步任务 -> 微任务队列 -> 宏任务队列 -> 渲染 -> 重复这个过程。微任务在每个宏任务结束后和下个宏任务开始前执行，确保了微任务总是在宏任务之前完成。 了解这个机制对于优化...
setTimeout和Promise执行顺序
顺拐小乌龟的博客
09-12 2909
setTimeout和Promise执行顺序代码解析异步原理浏览器任务队列主线程Event Loop 代码 setTimeout(function () { console.log(1); }, 0); new Promise(function (resolve) { console.log(2) for (let i = 0; i < 10000; i++) { i == 9999 && resolve(); } console.log(3) }).th
前端随笔（四）————异步执行.Promise与setTimeout的执行顺序
Dfox7_s的博客
04-15 1917
Promise与setTimeout的执行顺序
JavaScript中的Promise与setTimeout执行顺序解析
让每一行代码都有改变世界的力量
03-16 1611
Promise对象代表一个异步操作的最终完成或失败，及其结果值的状态。当我们在代码中同时使用Promise和setTimeout时，由于Promise是微任务（microtask），而setTimeout是宏任务（macrotask），根据JavaScript的事件循环机制，微任务会优先于宏任务执行。由于Promise链中的每个步骤都是异步的，并且微任务会在当前宏任务执行完毕后立即执行，因此Promise链中的代码通常会先于setTimeout中的代码执行，即使setTimeout的延迟时间被设置为0。
js为什么要有微任务
weixin_47198976的博客
09-03 630
js为什么要有微任务
Promise对象与宏任务、微任务
宁静致远
10-16 7861
Promise是宏任务(同步执行)，但Promise 的回调函数属于异步任务，会在同步任务之后执行(比如说then、catch、finally)。Promise 的回调函数不是正常的异步任务，而是微任务（microtask）。它们的区别在于，正常任务追加到下一轮事件循环，微任务追加到本轮事件循环。这意味着，微任务的执行时间一定早于正常任务。 setTimeout(function() { console.log(1); }, 0); new Promise(function (resolve...
Promise里的代码为什么比setTimeout先执行？
HashTang的博客
08-14 796
首先，看一段代码的执行顺序 setTimeout(() => console.log("a"), 0) let r = new Promise(function (resolve, reject) { resolve() }); r.then(() => { let begin = Date.now(); while (Date.now() - begin < 100...
Promise与宏任务、微任务
黑猫几绛的博客
09-17 5415
最近在摸鱼的时候，遇到了一个需求：用户可以接连上传多张图片，但是uni.upload一次只能上传一张图片，我当时想着是设置一个Promise，在一个循环中挨个上传，最后做一个整体resolve，但是这样并不合理。后来听得说是可以使用Promise.all方法进行多次请求，但是我只是略懂皮毛。因此决定写下几篇文章，好好学一学Promise的功能与诸多方法。本文将着重介绍Promise的执行顺序和宏任务、微任务概念。 一、基本执行概念 首先了解一些基本概念。 ...
setTimeout promise 为什么执行顺序不一样?宏任务，微任务
最新发布
03-18
按照上述规则，在同步代码结束后，JavaScript 引擎会先检查并运行微任务队列中的所有任务，然后再回到宏任务队列去取新的任务来执行。最终输出结果将是： ``` Start End Promise resolved Timeout ``` 此行为说明了...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值