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,用变量就可接收异步的返回值,然后像同步代码一样书写,赞!!


相关文章
|
7月前
|
前端开发 JavaScript
什么是 async、await ?
什么是 async、await ?
|
7月前
|
前端开发
async和await 优雅处理异步
async和await 优雅处理异步
|
JSON 前端开发 JavaScript
async/await的应用
async/await的应用
66 0
|
前端开发 JavaScript
|
4月前
|
C#
C# async await 异步执行方法
C# async await 异步执行方法
56 0
|
7月前
|
JSON 前端开发 JavaScript
什么是async和await?
什么是async和await?
60 0
|
7月前
|
监控 前端开发 JavaScript
等一下!深入async/await的异步世界
等一下!深入async/await的异步世界
104 1
|
7月前
|
前端开发 JavaScript
|
消息中间件 前端开发 JavaScript
ES8 中的 async/await —— 异步函数
ES8 中的 async/await —— 异步函数
197 0
|
前端开发
async/await详解
async/await详解
323 0
async/await详解