深入理解await与async

灰太狼 2022-11-19 06:26 164阅读 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 条评论，164人围观）

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

相关阅读

相关 async、await

词法定义 1、async async 是“异步”的简写， async 用于申明一个异步的 function 2.await await 可以认为是 a

绝地灬酷狼/ 2022年12月23日 12:29/ 0 赞/ 182 阅读

相关深入理解await与async

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

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

相关理解JavaScript的async/await

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

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

相关 async/await

ES6中的async/await让Promise变得更加简便，通常await处理的链式Promise会包裹在函数中，返回结果仍然是一个Promise对象。但是当await直

今天药忘吃喽~/ 2022年01月28日 08:23/ 0 赞/ 260 阅读

相关 async/await理解

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

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

相关 async与await

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

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

相关理解 async/await

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

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

相关理解 async/await

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

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

相关理解 JavaScript 的 async/await

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

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

相关理解 JavaScript 的 async/await

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

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