setTimeout、promise与async和await的执行顺序

最新推荐文章于 2024-05-14 10:33:06 发布
最新推荐文章于 2024-05-14 10:33:06 发布
阅读量990 收藏 5
点赞数 3
分类专栏： js 面试 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43522687/article/details/105494432
版权
js 同时被 2 个专栏收录
15 篇文章 1 订阅
订阅专栏
面试
9 篇文章 1 订阅
订阅专栏

1、async-await 是建立在 promise机制之上的，并不能取代其地位。
2、async/await 的优势在于处理 then 链
3、Promise执行的优先级大于setTimeout/setInterval
4、async方法内遇到await，就是等等再往下走，会等到await后面的promise函数执行完成才会继续往下走。async函数体外的代码可不会去一
直等待，这个时候跳出async方法继续往下走
5.先走微任务，再走宏任务
在这里插入图片描述

cwxcc
关注
  • 3
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
setTimeout，promise，async/await执行顺序
YOYOyxl的博客
07-25 349
实例 async function async1() { console.log('async1 start'); await async2(); console.log('async1 end'); } async function async2() { console.log('async2 start'); } console.log('script start'); setTimeout(function () { console.log
js代码-promise, setTimeout, async, await 输出顺序题
07-16
当Promise、setTimeout和async/await一起使用时，它们的执行顺序可能并不直观，因为JavaScript引擎遵循事件循环（Event Loop）和任务队列（Task Queue）的机制。大致来说，同步代码先执行，然后是微任务（Microtask...
promise、async、await异步原理与执行顺序
Jonathan的博客
06-20 3578
async function async1(){ console.log('async1 start'); await async2(); console.log('async1 end'); } async function async2(){ console.log('async'); } console.log('script start'); setTimeout(...
setTimeout 可以 await吗
最新发布
m0_57236802的博客
05-14 576
在 JavaScript 中，setTimeout函数本身不返回一个 Promise，因此它不能直接与await关键字一起使用，因为await是用于等待一个 Promise 解决。然而，你可以通过包装setTimeout在一个 Promise 中来使其可await，从而在async函数中按预期工作。
setTimeout、Promise、Async/Await 的执行顺序
avl98352的博客
08-15 342
问题描述：以下这段代码的执行结果 async function async1() { console.log('async1 start'); await async2(); console.log('asnyc1 end'); } async function async2() { ...
详解promise、async和await的执行顺序
weixin_33727510的博客
06-02 282
1、题目和答案 一道题题目：下面这段promise、async和await代码，请问控制台打印的顺序？ async function async1(){ console.log('async1 start') await async2() console.log('async1 end') } async function async2(){ console.log('asyn...
async await、Promise、setTimeout执行顺序
weixin_33696822的博客
06-07 279
由题目见真知： 【题目】 async function async1(){ console.log('async1 start'); await async2(); console.log('async1 end') } async function async2(){ console.log('async2') } console.log('script start...
js代码-Promise & async/await
07-14
JavaScript中的Promise和async/await是现代JavaScript异步编程的核心机制，它们使得处理复杂的异步流程变得更为简洁和易读。Promise是ES6引入的一种解决回调地狱问题的方式，而async/await则是ES7（准确地说是ES2017...
async/await让异步操作同步执行的方法详解
10-16
**async/await与Promise.then()的区别** - `async/await`使异步代码更加可读，类似于同步代码的流程控制，避免了回调地狱。 - 当`await`后面是一个Promise时，它会等待Promise解析，而不是立即返回Promise本身。 - ...
关于async/await、promise和setTimeout执行顺序
热门推荐
yun_hou的博客
03-22 3万+
前段时间领导给我们出了一道题，关于async/await、promise和setTimeout的执行顺序，网上查了查资料，这是头条的一道笔试题，记录一下，加深理解。 题目如下： async function async1() { console.log('async1 start'); await async2(); console.log('asnyc1 end'); } async...
Promise Async-await setTimeOut
qq_55729551的博客
08-30 732
async function async1() { console.log("async1 start"); await async2(); console.log("async1 end"); } async function async2() { console.log( 'async2'); } console.l...
setTimeout、Promise、async和await执行顺序
coderheart的博客
12-16 1283
宏任务macrotasks：setTimeout、setInterval、I/O、UI渲染 微任务microtasks：Promise、process.nextTick、Object.observe、 MutationObserver 微任务优先级高于宏任务。每一个事件循环都有一个微任务队列、一个或者多个宏任务队列。 console.log('同步代码1'); setTimeout( ()=>{ console.log('异步代码5,宏任务,优先级较低'); .
setTimeout、Promise和async/await的执行顺序
a123789999的博客
10-29 708
要了解代码的执行顺序，必须先了解JS的运行机制 为了避免复杂性，从一诞生，JavaScript就是单线程，这已经成这门语言的核心特征，将来也不会改变。所谓单线程，是指在JS引擎中负责解释和执行JavaScript代码的线程只有一个。 JavaScript单线程任务被分为同步任务和异步任务 同步可以保证顺序一致，但是容易导致阻塞；异步可以解决阻塞问题，但是会改变顺序性，根据不同的需要去写你的代码。 同步任务会在调用栈中按照顺序等待主线程一次执行；异步任务会在异步任务有了结果后，将注册的回调函数放入任务队列中
promise、async、await、settimeout异步原理与执行顺序
极客神殿
05-16 1178
一道经典的前端笔试题，你能一眼写出他们的执行结果吗？ async function async1() { console.log("async1 start"); await async2(); console.log("async1 end"); } async function async2() { console.log( 'async2');
async,await、Promise和setTimeOut的执行顺序
m0_56071898的博客
02-19 223
同步和异步相关问题
async、await、Promise、setTimeout执行顺序
stone10086的博客
07-28 125
先看一段代码： async function a2() { console.log(3) } async function a1() { console.log(1) await a2(); console.log(2); } console.log(4) a1() setTimeout(()=> { console.log(5) }) new Promise((resolve, reject)=>{ console.log
宏任务和微任务的理解(关于async/await、promise和setTimeout执行顺序）
weixin_43799793的博客
03-28 797
事件的执行顺序，是先执行宏任务，然后执行微任务，这个是基础，任务可以有同步任务和异步任务，同步的进入主线程，异步的进入Event Table并注册函数，异步事件完成后，会将回调函数放入Event Queue中(宏任务和微任务是不同的Event Queue)，同步任务执行完成后，会从Event Queue中读取事件放入主线程执行，回调函数中可能还会包含不同的任务，因此会循环执行上述操作。此时的await会让出线程，阻塞async内后续的代码，先去执行async外的代码。JavaScript的事件分两种，
async/await、promise和setTimeout执行顺序
m0_69112199的博客
04-22 185
（我自己总结了一个口诀：最外层的先打印，async的看使用，Promise 1 2 then ，setTimeout放最后，若有多个setTimeout，注意setTimeout的时间）（口诀看个人情况，理解记忆）Promise.then(非new Promise)，process.nextTick(node中)包括整体代码script，setTimeout，setInterval。执行顺序是先执行宏任务，再执行微任务，setTimeout是特殊。首先我们需要明确事件机制，其次需要明确执行顺序。
settimeout promise async/await 区别
04-03
setTimeout、Promise和async/await是JavaScript中处理异步操作的三种方式，它们之间有以下区别： 1. setTimeout是一个用于延迟执行的函数，它接受一个回调函数和延迟时间作为参数。当延迟时间到达后，回调函数会被...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值