宏任务和微任务：setTimeout和Promise执行顺序

最新推荐文章于 2023-05-29 09:16:36 发布
最新推荐文章于 2023-05-29 09:16:36 发布
阅读量704 收藏 1
点赞数
分类专栏： 前端技术 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Shaoyouiqng/article/details/106840136
版权
本文探讨了JavaScript中任务执行的顺序，重点在于宏任务（如setTimeout）和微任务（如Promise）的区别。JavaScript的事件循环机制（Event Loop）确保了同步任务先执行，异步任务在主线程空闲时通过Event Queue进入主线程。在异步任务中，先执行宏任务，然后执行微任务，两个任务队列独立，确保微任务在宏任务内部的回调之前完成。
摘要由CSDN通过智能技术生成 
        setTimeout(function(){
   
            console.log(1);
        },0);
        new Promise(function(a
最低0.47元/天 解锁文章
前端小峰
关注
专栏目录
JavaScript事件循环及宏任务微任务原理解析
10-14
同步任务是按顺序执行的，而异步任务分为宏任务（MacroTask）和微任务（MicroTask）。 宏任务主要包括：整个脚本、setTimeout、setInterval等。这些任务会在主线程空闲时从任务队列中取出执行。值得注意的是，...
promise和setTimeout执行顺序的问题
积少成多
04-23 1万+
欢迎访问我的个人博客：http://www.xiaolongwu.cn 前言 promise为es6引进的语言标准，为异步编程的一种解决方案； 阅读此文的前提是了解promise的基本用法和特性，比如他自执行特性、状态不可逆特性等 抛出问题 且看下面代码和问题 setTimeout(function(){console.log(1)},0); new Promise(fu...
前端高频面试题记录
sinat_39049092的博客
03-17 335
1.求以下代码的输出结果 setTimeout(function () { console.log(1) }, 0); new Promise(function (resolve, reject) { console.log(2); resolve(); }).then(function () { console.log(3) }).then(function () { conso
【JavaScript】理解执行机制
qq_42101150的博客
12-26 573
1、引题 setTimeout(function(){ console.log('定时器开始啦') }); new Promise(function(resolve){ console.log('马上执行for循环啦'); for(var i = 0; i < 10000; i++){ i == 99 && resolve(); ...
一道promise输出题
qq_52563729的博客
05-29 104
【代码】一道promise输出题。
JavaScript 执行机制（宏任务和微任务）
徐同保的专栏
05-20 1986
1. setTimeout(function() { console.log('1') }); new Promise(function(resolve) { console.log('2'); resolve(); }).then(function() { console.log('3') }); ...
JS事件循环机制event loop宏任务微任务原理解析
10-14
总之，JavaScript的事件循环机制是其异步编程模型的核心，理解宏任务和微任务的区别以及它们在事件循环中的执行顺序，对于编写高效、可维护的JavaScript代码至关重要。通过不断实践和学习，开发者可以更好地掌控...
js代码-2、JS代码的执行顺序：async、promise、setTimeout
07-16
结合`async`、`Promise`和`setTimeout`理解执行顺序： - 同步代码总是优先于异步代码执行。 - `async`函数会立即返回一个Promise，但函数体内的代码会被推迟到当前执行上下文的最后执行。 - 当遇到`await`时，控制...
js代码-浏览器宏任务和微任务的触发机制
07-15
了解了宏任务和微任务的执行顺序后，开发者可以更好地设计异步流程，避免阻塞主线程，提高应用程序性能。例如，尽量减少同步操作，多使用Promise来组织异步逻辑，这样可以确保微任务在当前宏任务结束后尽快得到执行...
ES6中Promise用法及理解
weixin_46995731的博客
10-10 1368
ES6中Promise用法及理解 promise就是个构造函数，参数为一个函数 构造函数一般使用其实例进行操作，如何得到一个构造函数的实例呢？ 1、new Promise（参数:函数）； 2、参数为一个函数，这个函数同样也有两个参数 resolve reject，这两个参数也是函数 resolve执行后返回promise的成功状态， reject执行后返回promise的错误状态 基本使用形式： var p = new Promise(function(resolve,reject){
学习笔记 — JavaScript事件机制（promise/setTimeout/async/await）
u012895911的博客
11-15 608
JavaScript的事件机制，处理promise、setTimeout、async/await等几种情况
关于setTimeout和Promise执行顺序问题
qq_45670012的博客
10-31 348
先看一段代码 console.log('打印'+1); setTimeout(function(){ console.log('打印'+2); }) new Promise(function(reso...
ES6 Promise用法讲解
duansamve的博客
11-18 1513
所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。 ES6 规定，Promise对象是一个构造函数，用来生成Promise实例。 下面代码创造了一个Promise实例。 const promise = new Promise(function(resolve, reject) { // ... some code if (/* ...
java 超时任务---设定任务执行时长,超时停止
kk_2015的博客
06-21 6193
http://blog.csdn.net/xmlrequest/article/details/8992029 JDK1.5中future对象可以实现; 通过线程池提交线程后返回future对象; Future类中重要方法包括get()和cancel()。 get()获取数据对象，如果数据没有加载，就会阻塞直到取到数据，而 cancel()是取消数据加载。 另外一个get(timeo
setTimeout与异步Promise执行顺序问题
qq_53157160的博客
03-21 1308
同步异步与setTimeout()执行顺序问题
前端面试真题宝典（二）
shadowfall的博客
11-02 1712
^_^!! 总结不易
setTimeout和Promise执行顺序
qlin_11的博客
08-23 1508
script(主程序代码)——>process.nextTick——>promise——>setTimeout I) 主体部分： 定义promise的构造部分是同步的， 因此先输出2 ，主体部分再输出6（同步情况下，就是严格按照定义的先后顺序） II)process.nextTick: 输出5 III）promise： 这里的promise部分，严格的说其实是promise.th...
宏任务和微任务setTimeout和Promise执行顺序？？
热门推荐
卡卡西：一个擅长拷贝的前端程序员
08-08 1万+
先以一道面试题做引子： 写出这段程序的输出内容： setTimeout(function(){ console.log(1); },0); new Promise(function(a,b){ console.log(2); for(var i=0;i&lt;10;i++)...
settimeout(function(){console.log(i)},0);
qq_31404277的博客
11-17 5385
for(var i=0;i&lt;10;++i){ setTimeout(function(){console.log(i)},0); } 这是一个闭包，那么这个闭包输出的到底是什么？？？ 答案：输出的是 10 ，且连续输出10次； setTimeout是异步执行，也即每一次for循环执行一次，settimeout都会执行一次，但是里面的settimeout并没有立即被执行，而是等到for循环结束...
宏任务和微任务执行顺序
最新发布
04-03
在JavaScript中，宏任务和微任务是用来管理异步代码执行顺序的机制。 宏任务（Macro Task）是指由浏览器提供的任务队列中的任务，例如setTimeout、setInterval、DOM事件等。宏任务会在主线程执行完当前的同步任务后执行。 微任务（Micro Task）是指由Promise、MutationObserver等API产生的任务。微任务会在当前宏任务执行完毕后立即执行，也就是说微任务会在下一个宏任务之前执行。 执行顺序如下： 1. 执行当前宏任务的同步代码； 2. 执行当前宏任务产生的微任务，直到微任务队列为空； 3. 更新渲染； 4. 执行下一个宏任务，重复上述步骤。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值