async和await 优雅处理异步

简介: async和await 优雅处理异步
function delay(word) {
    return new Promise((resolve, reject) => {
        setTimeout(()=>{
            resolve('hello ' + word)
        }, 2000)
    })
}
async function start(){
    const word1 = await delay('孙悟空')
    console.log(word1)
    const word2= await delay('猪八戒')
    console.log(word2)
    const word3 = await delay('沙悟净')
    console.log(word3)
}
start()


执行结果:

1dc618a0ed9580ce8bfa6facb208c08f.png


没有嵌套地狱,也没有promise调用的多个括号和then,用变量就可接收异步的返回值,然后像同步代码一样书写,赞!!


相关文章
|
2月前
|
前端开发 JavaScript
什么是 async、await ?
什么是 async、await ?
|
2月前
|
前端开发
async和await 优雅处理异步
async和await 优雅处理异步
|
10月前
|
前端开发 JavaScript
|
2月前
|
前端开发 JavaScript
async/await
async/await
21 0
|
2月前
|
JSON 前端开发 JavaScript
什么是async和await?
什么是async和await?
18 0
|
2月前
|
监控 前端开发 JavaScript
等一下!深入async/await的异步世界
等一下!深入async/await的异步世界
59 1
|
10月前
|
存储 Dart 数据库
Dart异步之Future以及async、await的使用
Dart异步之Future以及async、await的使用
157 2
|
11月前
|
前端开发 JavaScript
async、await 实现原理
async、await 实现原理
57 1
|
消息中间件 前端开发 JavaScript
ES8 中的 async/await —— 异步函数
ES8 中的 async/await —— 异步函数
160 0