async, await 实验笔记

╰+哭是因爲堅強的太久メ 2022-04-06 17:14 143阅读 0赞

代码：

// 用 Promise 对象包装异步过程
    //
    function sleep(ms) {
    
      return new Promise((resolve) => {
        setTimeout(() => {
          resolve("sleep for " + ms + " ms")
        }, ms)
      })
    }
    
    // 定义异步流程
    //
    async function asyncFun() {
    
      console.time('asy')
    
      const s1 = await sleep(2100)
      console.log('s1: ' + s1)
    
      const [s2, s3, s4] = await Promise.all([sleep(2000), sleep(1000), sleep(1500)])
      console.log(s2)
      console.log(s3)
      console.log(s4)
    
      const race = await Promise.race([sleep(2000), sleep(1000), sleep(800)])
      console.log('race: ' + race)
    
      console.timeEnd('asy')
      return 'ok'
    }
    
    asyncFun().then( data => {
    
      console.log(data)
    }).catch( error => {
      console.log(error)
    })
    
    console.log('After all')

执行结果：

After all
    s1: sleep for 2100 ms
    sleep for 2000 ms
    sleep for 1000 ms
    sleep for 1500 ms
    race: sleep for 800 ms
    asy: 4907.754ms
    ok

[原文链接 https://www.jianshu.com/p/ffa5cbe9ab29][https_www.jianshu.com_p_ffa5cbe9ab29]

[https_www.jianshu.com_p_ffa5cbe9ab29]: https://www.jianshu.com/p/ffa5cbe9ab29

发表评论取消回复

表情：

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

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

相关阅读

相关 async await

async: async相当于Promise的语法糖，函数前边加上async，函数里边return返回一个值(实际上返回的是一个promise对象)，相当于下边写法，里

浅浅的花香味﹌/ 2023年07月03日 06:25/ 0 赞/ 18 阅读

相关 async/await

1.async函数函数返回值为 promise对象 promise对象的结果由async 函数执行的返回值决定 2.await 表达式 await 右侧的表

雨点打透心脏的1/2处/ 2023年03月02日 07:42/ 0 赞/ 17 阅读

相关 axios async/await

async函数返回一个Promise实例对象 await后面可以直接跟一个 Promise实例对象 async function queryData() {

分手后的思念是犯贱/ 2023年01月08日 04:26/ 0 赞/ 9 阅读

相关 async、await

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

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

相关 promise async await

1.当异步函数嵌套到别的函数内后,需要循环使用async和await 否则就会变成异步 async getEventList () { const

亦凉/ 2022年10月30日 05:19/ 0 赞/ 192 阅读

相关 async, await 实验笔记

代码： // 用 Promise 对象包装异步过程 // function sleep(ms) { return new Pro

╰+哭是因爲堅強的太久メ/ 2022年04月06日 17:14/ 0 赞/ 144 阅读

相关 async/await

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

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

相关 async await详解

> `async await`本身就是`promise + generator`的语法糖。本文主要讲述以下内容 1. async awiat 实质 2. async

布满荆棘的人生/ 2022年01月20日 08:39/ 0 赞/ 270 阅读

相关理解 async/await

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

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

相关理解 async/await

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

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