promise关于宏任务和微任务

最新推荐文章于 2024-08-07 17:27:15 发布
最新推荐文章于 2024-08-07 17:27:15 发布
阅读量3.5k 收藏 6
点赞数 1
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42270374/article/details/107479321
版权
本文深入探讨了Promise中的宏任务和微任务执行顺序。在JavaScript中，同步任务完成后会先执行微任务，再执行宏任务。通过示例展示了Promise如何影响任务调度，特别是在setTimeout和Promise链中的任务执行顺序。
摘要由CSDN通过智能技术生成

 转载：  https://blog.csdn.net/jiaojsun/article/details/95035626?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecase&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.nonecase

 

https://blog.csdn.net/RedaTao/article/details/81504532

<script>

    

 

// 1主线上的同步任务先执行，然后再执行微任务

        new Promise(function(resolve){  

            resolve()  

          

最低0.47元/天 解锁文章
^smile
关注
同步和异步、promise、宏任务和微任务
qq_45635596的博客
12-28 307
js 是一个异步开发语言 异步 不再等待完成后执行后面，而是继续下向执行 由回调地狱引出promise对象 var p=new Promise(function(resolve,reject){ // resolve和reject这两个参数都是回调函数 //resolve和reject只能传一个参数 var img=new Image(); img.src="./img/1-.jpg"; img.onload
ajax是宏任务还是微任务,JavaScript的宏任务和微任务
weixin_35089515的博客
08-06 1864
1. JavaScript是单线程语言JavaScript是一门单线程语言，在最新的html5中提出了web-worker，但是JavaScript是单线程的核心并没有改变。所有关于JavaScript的多线程都是由单线程模拟出来的。2. JavaScript的事件循环由于JavaScript是单线程，所以很多任务只能一个一个排队，这对于用户体验是非常不友好的。因此聪明的程序员就把任务分为两类：同...
Promise与宏任务、微任务
黑猫几绛的博客
09-17 4805
最近在摸鱼的时候，遇到了一个需求：用户可以接连上传多张图片，但是uni.upload一次只能上传一张图片，我当时想着是设置一个Promise，在一个循环中挨个上传，最后做一个整体resolve，但是这样并不合理。后来听得说是可以使用Promise.all方法进行多次请求，但是我只是略懂皮毛。因此决定写下几篇文章，好好学一学Promise的功能与诸多方法。本文将着重介绍Promise的执行顺序和宏任务、微任务概念。 一、基本执行概念 首先了解一些基本概念。 ...
Javascript——宏任务&&微任务与JavaScript引擎的事件循环（Event Loop）和任务调度
weixin_45705239的博客
08-07 1264
这两类任务是异步执行的,它们与JavaScript引擎的和任务调度有关。理解这一机制对于掌握JavaScript中的异步编程至关重要。
Promise async/await EventLoop 宏任务/微任务
Cxil的博客
11-19 433
调用then-fs提供的readFile()方法，可以异步的读取文件的内容，它的返回值是Promise的实例对象，因此可以调用.then（）方法 为每个Promise异步操作指定成功和失败之后的回调函数。通过 .then()方法的链式调用，就解决了回调地狱的问题。由于 node.js官方提供的fs模块仅支持以回调函数的方式读取文件，不支持Promise的调用方式，因此，需要先运行如下的命令，安装 then-fs 第三方包。调用.then()方法时，成功的回调函数是必选的，失败的回调函数是可选的。
Promise对象与宏任务、微任务
宁静致远
10-16 7660
Promise是宏任务(同步执行)，但Promise 的回调函数属于异步任务，会在同步任务之后执行(比如说then、catch、finally)。Promise 的回调函数不是正常的异步任务，而是微任务（microtask）。它们的区别在于，正常任务追加到下一轮事件循环，微任务追加到本轮事件循环。这意味着，微任务的执行时间一定早于正常任务。 setTimeout(function() { console.log(1); }, 0); new Promise(function (resolve...
promise中的简单宏任务和微任务
Su__py的博客
07-08 1186
先来看看以下的代码，看看执行的顺序是什么？ console.log("1"); setTimeout(() => { console.log("2"); new Promise((reslove)=>{ console.log("3"); reslove() }).then(()=>{ con
ajax是宏任务还是微任务,宏任务和微任务的一个小事
weixin_39695954的博客
08-06 1528
本文首发于 vivo互联网技术 微信公众号链接：作者：Ivan本文根据 JavaScript 规范入手，阐述了JS执行过程在考虑时效性和效率权衡中的演变，并通过从JS代码运行的基础机制事件队列入手，分析了JS不同任务类型(宏任务、微任务)的差别，通过这些差别给出了详细分析不同任务嵌套的复杂 JS 代码执行的分析流程。一、事件队列与回调在使用JavaScript编程时，需要用到大量的回调编程。回调，...
promise宏任务和微任务
08-29
promise中的宏任务和微任务是指执行顺序和优先级。 在一个事件循环中，当执行到promise的resolve或reject时，会根据规范将其回调函数划分为宏任务或微任务。 宏任务包括setTimeout、setInterval、setImmediate、I/...
事件循环：Promise与宏任务，微任务
Czuaphe的博客
06-02 786
宏任务与微任务 宏任务：script，setTimeout，setInterval，MessageChannel，I/O（文件，网络）相关API，DOM事件监听，setImmediate（Node.js）。 微任务：process.nextTick（Node.js）MutationObserver（浏览器），Promise.prototype.then()/catch()/finally()。 requestAnimationFrame是宏任务还是微任务？ 有4种不同的情况： 宏任务里面新建宏任务：加入宏任
Promise是宏任务还是微任务
最新发布
09-05
这个过程通常发生在浏览器执行完当前宏任务（例如脚本解析、DOM渲染、事件循环等）之后，接着进入微任务队列（比如setTimeout、Promise.then、MutationObserver）进行处理。因此，Promise的回调函数会作为微任务的一...
js 宏任务和微任务 promise
GJQI12的专栏
03-25 915
1.概念：宏任务（macrotask ）和微任务（microtask） 表示异步任务的两种分类。常见宏任务：I/O 、setTimeout、setInterval；微任务：Promise.then catch finally、process.nextTick 在挂起任务时，JS 引擎会将 所有任务 按照类别分到这两个队列中， 首先在 macrotask 的队列（这个队列也被叫做 task q...
Promise：微任务、宏任务和同步
Zhou1Monster的博客
09-10 583
Promise：微任务、宏任务和同步 js的执行步骤是先执行同步，在执行微任务，最后执行宏任务 一下代码来源是向军老师的视频： let promise = new Promise(resolve=>{ setTimeout(()=>{ resolve(); console.log('settimeout') },0); console.log('promise') }).then(value=>console.log('then'))
setTimeout和Promise区别（宏任务和微任务）
u011200562的博客
05-05 2928
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
Promise异步(一)JS执行机制以及宏任务、微任务
weixin_46734347的博客
03-26 721
Promise异步 Js执行机制 javaScript语言的一大特性就是单线程，也就是说，同一时间只能做一件事。单线程就意味着，所有任务需要排队，前一个任务结束，才会执行后一个任务，这样导致的问题就是：如果js执行的时间过长，这样就会造成页面的渲染不连贯，导致页面渲染加载阻塞的感觉。 下面来看例子： <script> console.log(1) setTimeout(function(){ console.log(3) },2000) console.log(2) <
promise.then和settimeout、宏任务微任务问题
WWang_07的博客
05-31 2716
宏任务：[task1,task2,task3…]颗粒度大 实时性不强，要排队 微任务：缩小颗粒度[task1[m1…],task2[m1…],task3[m1…]]，直接插队，实时性强 微任务：在上一个宏任务之后，下一个宏任务之前执行。 第一个 script 标签的代码是第一个宏任务 promise里面是同步，promise.then()是微任务，setTimeout是宏任务。 异步任务大致分为：微任务（micro task，如：promise.then、MutaionObserver等）和宏任务（macr
插入法分析promise和await面试题以及宏任务和微任务的区别
qq_27638851的博客
07-01 240
console.log()promise和setTimeout的执行顺序。宏任务（macrotask ）和微任务（microtask ）的主要内容
宏任务微任务
weixin_42454057的博客
05-13 716
1、promise promise用于解决回调地域问题，then是微任务，settimeout、setinterval是宏任务。 对于任务的执行顺序如下，开始阶段所有任务加入到主线程中，若遇到同步任务则直接执行，遇到微任务放到本任务队列的尾部，遇到宏任务则会开辟一个新的任务队列放在顶端，每个宏任务都会开辟一个新的任务队列，任务队列是有先后顺序的（顺序为开辟任务队列的顺序）。只有当前任务队列执行完成以后，才会执行下个任务队列。 练习题 console.log(1); document.addEv
[Promise] 宏队列 / 微队列
jinwenshuo2007的博客
08-26 327
宏任务每次执行前，都会检查是否有微任务，如果有，就先执行微任务，再执行宏任务
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值