深入理解await与async

灰太狼 2022-11-19 06:26 123阅读 0赞

# 好文章参考 #

[异步神器Async-await介绍与填坑  
][Async-await_]

[阮一峰 async 函数][async]

[深入理解await与async][await_async]

function asyncFn1() { 
        return new Promise(function (resolve, reject) { 
            setTimeout(function () { 
                if (true) { 
                    console.log('resolve console1')
                    resolve('resolve return1')
                } else { 
                    reject('reject return1')
                }
            }, 2000)
        })
    }
    
    function asyncFn2() { 
        return new Promise(function (resolve, reject) { 
            setTimeout(function () { 
                if (true) { 
                    console.log('resolve console2')
                    resolve('resolve return2')
                } else { 
                    reject('reject return2')
                }
            }, 2000)
        })
    }
    
    var value1 = async () => { 
        res1 = await asyncFn1()
        console.log(res1)
        console.log(0)
    
    }
    var value2 = async () => { 
        value2 = await asyncFn2()
        console.log(value2)
        console.log(1)
    
    }
    value1();
    value2();
    console.log(2)
    // 复制并执行，会发现2s后打印了‘resolve console1’，4s后打印了‘resolve console2’

![在这里插入图片描述][20210414205755157.png]

[Async-await_]: https://www.jianshu.com/p/e511be9c1280
[async]: https://es6.ruanyifeng.com/#docs/async
[await_async]: https://www.cnblogs.com/jsgoshu/p/11444404.html
[20210414205755157.png]: /images/20221022/2d5d4aac8b604d939d0be4a4ab085c9f.png

发表评论取消回复

表情：

评论列表（有 0 条评论，123人围观）

还没有评论，来说两句吧...

相关阅读

相关 C# async 和 await 理解

假设如下场景：主函数 Main，循环等待用户输入；计算函数 Cal，耗时计算大量数据； class Test \{ static int Ma...

Love The Way You Lie/ 2024年04月17日 19:41/ 0 赞/ 26 阅读

相关 async/await理解

今天在看代码是发现这这两个函数一直没遇到过百度看了下发现一篇很详细的文章 [原文出处][Link 1] 在最新的ES7（ES2017）中提出的前端异步特

小灰灰/ 2023年08月17日 15:23/ 0 赞/ 58 阅读

相关深入理解await与async

好文章参考 [异步神器Async-await介绍与填坑 ][Async-await_] [阮一峰 async 函数][async] [深入理解await与asyn

灰太狼/ 2022年11月19日 06:26/ 0 赞/ 124 阅读

相关理解JavaScript的async/await

async 和 await 在干什么任意一个名称都是有意义的，先从字面意思来理解。async 是“异步”的简写，而 await 可以认为是 async wait 的简写

待我称王封你为后i/ 2022年06月06日 10:51/ 0 赞/ 101 阅读

相关 async/await理解

async/await 异步关键字 /// <summary> /// 无参无反 /// </summary>

快来打我*/ 2021年12月11日 00:05/ 0 赞/ 284 阅读

相关 async与await

function test () { return new Promise(resolve => { setTimeout(() => {

朴灿烈づ我的快乐病毒、/ 2021年10月01日 06:02/ 0 赞/ 297 阅读

相关理解 async/await

理解 async/await ES7 提出的`async` 函数，终于让 JavaScript 对于异步操作有了终极解决方案。No more callback hell。

川长思鸟来/ 2021年09月23日 22:24/ 0 赞/ 308 阅读

相关理解 async/await

[http://blog.csdn.net/qq673318522/article/details/75331225][http_blog.csdn.net_qq6733185

拼搏现实的明天。/ 2021年09月14日 21:20/ 0 赞/ 304 阅读

相关理解 JavaScript 的 async/await

[https://segmentfault.com/a/1190000007535316][https_segmentfault.com_a_1190000007535316]

喜欢ヅ旅行/ 2021年06月24日 15:58/ 0 赞/ 335 阅读

相关理解 JavaScript 的 async/await

随着 [Node 7][] 的发布，越来越多的人开始研究据说是异步编程终级解决方案的 async/await。我第一次看到这组关键字并不是在 JavaScript 语言里，而是

迷南。/ 2021年06月24日 15:57/ 0 赞/ 283 阅读