JS同步异步&宏任务微任务&async/await

最新推荐文章于 2023-07-15 17:38:53 发布
最新推荐文章于 2023-07-15 17:38:53 发布
阅读量278 收藏
点赞数
分类专栏： 工作面试知识点
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42063793/article/details/107432451
版权

js执行机制：https://juejin.im/post/6844903512845860872
先同步后异步。
若把script全局代码执行认为是事件循环开始，那么就是先宏任务再微任务。
宏任务：script , setTimeout，setInterval，setImmediate
微任务：process.nextTick ，Promises.then, Promise.catch ，resove,reject,MutationObserver

同步代码执行完成后，才会再去执行异步，哪怕异步已经到了执行的时间了。

执行顺序例子：
https://www.cnblogs.com/jinpanpan/p/10883548.html
https://zhuanlan.zhihu.com/p/137802406

async/await的执行顺序详解:
https://cloud.tencent.com/developer/article/1508127
https://www.jianshu.com/p/5938d9fdbccd
https://segmentfault.com/a/1190000017224799

诚许愿
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS中await、async、宏任务、微任务的执行顺序
luxiaopengyou的博客
09-28 2414
宏任务和微任务 1、宏任务和微任务都是队列（先进先出），宏任务有script、setTimeout、setInterval等，微任务有Promise.then/ catch/finally、process.nextTick等。 2、一个宏任务执行完，判断是否有可执行的微任务，有则执行完所有微任务，否则执行下一个宏任务。 async和await 1、async修饰符：async修饰的函数，默认返回 new Promise对象的resolve内容（若被async修饰的函数无返回值，则最终无返回值）。如此调用
详解ES6之async+await 同步/异步方案
12-12
异步编程一直是JavaScript 编程的重大事项。关于异步方案， ES6 先是出现了 基于状态管理的 Promise，然后出现了 Generator 函数 + co 函数，紧接着又出现了 ES7 的 async + await 方案。 本文力求以最简明的方式来...
async和await、宏任务和微任务
三季雨
01-11 1090
Ⅰ- 壹 - async和await async 函数执行后返回一个Promise对象 await只能写在async函数中(async和await必须要一起使用。) await 只能处理promise对象的异步等待,在用去其他的异步方法时候无效， async 函数中使用return返回的内容可以通过then来获取 从本质上讲，await函数仍然是promise， 一 基本使用 用法：首先在 function 前面加 async 用来说明这个函数是一个异步函数 然后在async里面写a
【JavaScript】Promise（三） —— async 与 await、宏任务与微任务
HuoZhiyan 的博客
07-19 1818
async 和 await 的使用，宏队列 和 微队列的区别及实例。
async/await以及js中的微任务和宏任务
qq_41681425的博客
01-04 1万+
async function async1() { console.log('async1 start') await async2() console.log('async1 end') } async function async2() { console.log('async2') } console.log('script start') setTimeout(fun...
async与await以及宏微任务
iygxv
11-11 482
async与await以及宏微任务 一个正在努力爱好运动的程序猿座右铭：越努力越幸运，越运动越健康，热爱编程，热爱运动。 文章目录async与await以及宏微任务一、async与await二、宏微任务 一、async与await async function f(){ //async函数返回的是一个promise对象 return 'f' } //f(); //Promise {<resolved>: "f"} f().then(functio
async/await让异步操作同步执行的方法详解
10-16
主要给大家介绍了关于async/await让异步操作同步执行的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者使用async/await具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
JS中async/await实现异步调用的方法
12-10
async/await使得异步代码看起来像同步代码 async函数会隐式地返回一个promise，而promise的reosolve值就是函数return的值 Async/Await不需要写.then，不需要写匿名函数处理Promise的resolve值，也不需要定义多余的...
由回调函数、Promise到async/await的同步写法执行异步代码
01-08
同步异步是前端面试中经常遇到的问题，虽然不难，但是搞清楚两者之间的关系和转换还是很重要 同步 同步是一种线性执行的方式，执行的流程不能跨越，其后的线程要阻塞等待前面线程的运行；同步可以保证顺序一致，但是...
在JS循环中使用async/await的方法
12-12
在开发maty.js时，遇到一个数组任务，数组项是内部异步执行的函数，期望是同步依次执行每项函数，每项函数执行完本身的异步任务后，继续下一项。 刚开始单纯使用map来循环执行，并且await每项函数。如下所示： ...
宏任务 && 微任务 && async && await（图解）
mister、奎
07-15 6034
1.宏任务和微任务 宏任务和微任务是等待任务队列中的异步任务的处理机制；(JS执行有同步任务队列和等待任务队列) 浏览器的任务队列： 主任务队列存储的都是同步任务； 等待任务队列存储的都是异步任务； 首先浏览器会把主任务队列中的同步任务挨个全部执行完，然后再去等待任务队列中看哪个任务可以执行了，然后把该执行的任务放到主任务队列中去执行，等这个任务执行完，再去等待任务中看谁可以执行了，再把...
面试之事件循环（消息队列）、宏任务、微任务、async、await原理，事件机制
weixin_43845137的博客
02-08 1343
目录面试之宏任务、微任务、async、await原理消息队列之宏任务、微任务消息队列示例1消息队列示例2消息队列3消息队列4async与await的原理多个异步嵌套es6 之 使用yield 的方式es7 之 async 与 await的简写 面试之宏任务、微任务、async、await原理 消息队列之宏任务、微任务 1：JS引擎执行任务的时候是单线程的，也就是说一条流水线下来执行 2：优先执行同步任务，异步任务放置在消息队列之中 3：消息队列分为两种，宏队列（宏任务），微队列（维任务） 4
JavaScript_同步与异步、Promise、async/await、微任务与宏任务
热门推荐
BLU_111的博客
01-14 14万+
JavaScript_同步与异步、Promise、async/await 同步与异步示例： console.log("a") console.log("b") setTimeout(() => {console.log("异步操作")}, 2000) console.log("c") console.log("d") JQuery 的 Ajax 请求示例： console.log("1") $.ajax({ type: 'get', url: "http://localhost:
JS-24 async异步函数、 await关键字；异步函数的执行流程；进程和线程；浏览器的事件循环；宏任务和微任务；Promise面试题
qq_54075517的博客
07-15 365
async异步函数、 await关键字；异步函数的执行流程；进程和线程；浏览器的事件循环；宏任务和微任务；Promise面试题
javascript的async,await的宏任务和微任务的执行顺序
abc9365的博客
01-12 569
理解async,await不同情况下的执行流程
js中的宏任务与微任务
weixin_44706441的博客
09-05 418
js是一个单线程语言，有同步和异步两种任务状态
JavaScript进阶之事件处理-Eventloop（微任务，宏任务，promise，async，await）
Three_ST的博客
05-02 240
Javascript 之 Event Loop 1^ 在JavaScript中，任务被分为两种，一种宏任务（MacroTask）也叫Task，一种叫微任务（MicroTask）。 事件流 事件流描述的是从页面中接受事件的顺序，事件 捕获阶段 处于目标阶段 事件冒泡阶段 addeventListener 最后这个布尔值参数如果是true，表示在捕获阶段调用事件处理程序；如果是false，表示在冒泡阶段调用事件处理程序。 1、事件捕获阶段：实际目标div在捕获阶段不会接受事件，也就是在捕获阶段，事件从docum
阮一峰ES6 入门教程
qq_42063793的博客
07-19 1万+
学习地址：https://es6.ruanyifeng.com/
async await宏任务微任务
最新发布
08-30
在 JavaScript 中，async/await 是用于处理异步操作的语法糖。它建立在 Promise 和生成器函数之上，使得编写...总结起来，async/await 允许我们以同步的方式编写异步代码，并且通过微任务确保代码执行的顺序和可控性。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值