从js 事件循环来看 setTimeout 与 promise

最新推荐文章于 2024-04-03 09:54:33 发布
最新推荐文章于 2024-04-03 09:54:33 发布
阅读量1k 收藏 1
点赞数
分类专栏： js 文章标签： setTimeout Promise js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37653449/article/details/80821705
版权

从这段代码的输出来看两者的关系。

原因如下：

    一个浏览器环境（unit of related similar-origin browsing contexts.）只能有一个事件循环（Event loop），而一个事件循环可以多个任务队列（Task queue），每个任务都有一个任务源（Task source）

 

 

欢迎访问我的博客 http://blog.feshishan.cf

 

 

RemoteLight
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js Promise和setTimeout执行顺序问题
godev的博客
08-29 447
Promise 比 setTimeout 先执行, 并且 Promise 定义之后便会立即执行
setTimeout、Promise 性能比较
chengRantianxia的博客
07-27 1674
setTimeout 属于宏任务（MacroTask）， Promise 属于微任务（MicroTask），二者并不在一个异步队列中。 无论是宏任务还是微任务，都是异步任务。在 JavaScript 中的异步是靠事件循环来实现的，拿大家最常见的 setTimeout 为例。 // 同步代码 let count = 1; setTimeout(() => { // 异步 count = 2; }, 0); // 同步 count = 3; 一个异步任务会被丢到事件循环的队列中..
浅谈Promise与Settimeout
qq_48314377的博客
07-23 833
Promise和setTimeout
promise和setTimeout的执行机制
kar98km416的博客
05-25 603
由于JavaScript是单线程执行，当主线程执行完当前所有任务后才会去任务队列中取出任务执行。另外，值得注意的是，当setTimeout的时间设为0时，相当于直接将目标函数加入到了任务队列中，但它的执行顺序也会受到当前主线程任务的影响。MacroTask和MicroTask的执行流程是一个交替执行的过程，代码块执行的时候，按顺序放入异步任务，如果检测到MicroTask，那么将执行它，第一个异步任务结束后会检查是否有同类任务，如果有就继续执行，没有则检查另一类任务是否存在，直至异步任务全部执行完毕。
JavaScript中的Promise与setTimeout执行顺序解析
里查叔叔
03-16 919
Promise对象代表一个异步操作的最终完成或失败，及其结果值的状态。当我们在代码中同时使用Promise和setTimeout时，由于Promise是微任务（microtask），而setTimeout是宏任务（macrotask），根据JavaScript的事件循环机制，微任务会优先于宏任务执行。由于Promise链中的每个步骤都是异步的，并且微任务会在当前宏任务执行完毕后立即执行，因此Promise链中的代码通常会先于setTimeout中的代码执行，即使setTimeout的延迟时间被设置为0。
从setTimeout看js函数执行过程
10-18
总结来说，理解JavaScript的执行机制，特别是事件循环、宏任务和微任务的概念，对于编写高性能、响应式的前端应用至关重要。通过深入探究`setTimeout`的工作原理，我们可以更好地掌握异步编程，避免常见的陷阱，并写...
JS事件循环机制event loop宏任务微任务原理解析
11-19
JavaScript事件循环机制（Event Loop）是理解JavaScript执行过程的关键，它是JavaScript实现异步处理的核心机制。JavaScript被设计为单线程执行，这意味着同一时间只能执行一个任务。然而，为了处理耗时的操作，如...
浅谈js promise看这篇足够了
10-18
在JavaScript的异步编程中，由于其非阻塞的特性，常采用回调函数来处理等待事件，如Node.js中的事件循环。然而，当回调函数嵌套过多时，代码的可读性和可维护性会急剧下降，这被称为"回调地狱"。Promise提供了一种更...
js代码-2、JS代码的执行顺序：async、promise、setTimeout
07-16
- **async/await**：这是Promise的语法糖，`async`函数会返回一个Promise，内部可以使用`await`关键字来等待Promise的解决，使得异步代码看起来更像同步代码。 3. **async函数** - **async** 关键字定义了一个...
面试率_90%_的_JS_事件循环看这篇就够了1
08-03
JavaScript的事件循环（Event Loop）是前端开发中的关键概念，它涉及到浏览器和Node.js环境中的异步执行。本文将深入探讨这一主题，帮助你更好地理解JavaScript的执行过程和浏览器的运行机制。 首先，JS是单线程的...
最简单快速理解Promise与setTimeout
Nana_9457的博客
03-06 1962
Promise MDN上的例子稍稍变化： var p = new Promise(function(resolve, reject){ setTimeout(function(){ resolve("foo"); console.log("first"); }, 1000); }); p.then(function(value){ console.log(v
前端JavaScript篇之setTimeout、Promise、Async/Await 的区别
星辰迷上大海的博客
02-12 2298
setTimeout是JavaScript中的一个函数，用于在一定的时间间隔后执行指定的代码。
setTimeout和promise
2197
08-06 3128
1>两个异步队列不一样，promise所在的异步队列优先级要高一点。 setTimeout(function(){ console.log(1); },0); new Promise(function executor(resolve){ resolve(); }).then(function(){ console.log(2); })//2,1 解释下面的代码：创建promis...
setTimeout和Promise区别（宏任务和微任务）
u011200562的博客
05-05 2875
javascript的宏任务和微任务 宏任务有Event Table、Event Queue，微任务有Event Queue 1.宏任务：包括整体代码script，setTimeout，setInterval、I/O、UI 交互事件、setImmediate(Node.js 环境)； 2.微任务：Promise、MutaionObserver、process.nextTick(Node.js 环境) 注：new Promise中的代码会立即执行，then函数分发到微任务队列，process.next
js后面代码停止一秒执行_JS事件循环机制
weixin_39946239的博客
12-03 4300
JS中存在一个叫做执行栈的东西。JS的所有同步代码都在这里执行，当执行一个函数调用时，会创建一个新的执行环境并压到栈中开始执行函数中的代码，当函数中的代码执行完毕后将执行环境从栈中弹出，当栈空了，也就代表执行完毕。这里有一个问题是代码中不只是同步代码，也会有异步代码。当一个异步任务执行完毕后会将任务添加到任务队列中。例如：setTimeout(_=>{}, 1000)代码中setTimeou...
setTimeout、Promise、Async/Await 的区别
宫晨的专栏
04-28 6346
1.SetTImeout 注意setTimeout是异步执行函数 , 当js主线程运行到此函数时,不会等待settimeout中的回调函数 ,会直接进行settimeout下面的语句(尽管setTimeout的延迟时间为0时) 当执行完当前事件循环的时候,settimeout中的回调会在下次(或者某一个)事件循环中被执行 例子1: console.log('setTimeout...
关于setTimeout和Promise执行顺序问题
qq_45830543的博客
09-02 6057
我们先来看一个代码片段： setTimeout(_ => console.log(4)) new Promise(resolve => { resolve() console.log(1) }).then(_ => { console.log(3) }) console.log(2) //输出结果为 1、2、3、4 可以看出Promise比setTimeout()先执行。因为Promise定义之后便会立即执行，其后的**.then()是异步里面的微任务**，而setTim
setTimeout、Promise、Async/Await 的详解和区别
最新发布
Br不二
04-03 592
`setTimeout`、`Promise`和`async/await`在JavaScript中各自扮演着不同的角色，它们主要用于处理异步操作，但具体实现和用法上存在一些区别。
SetTimeOut,promise和async有什么区别？
KKKKKK6668的博客
05-07 2809
这个问题主要考的是JS队列加载的问题，三者的排序是：promise>async>setTimeout。具体的举例我就不说了，可以查一下头条的经典面试题，相信剖析的已经很清楚了，我这边大概的说一下。 首先从最简单的setTimeout来说，setTimeout属于延迟方法，会被放倒最后，也就是主线程空闲的时候才会触发；async通常是搭配await使用的，而await使用后它后面的时间会...
"深入理解JavaScript的事件循环机制
这就是为什么在一段 JavaScript 代码中，有一部分代码是通过 Promise 或者 async/await 来实现的，会比 setTimeout 或 setInterval 这样的定时器中的异步任务更快执行的原因。 在浏览器中，事件循环机制的实现是由...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值