代码详解：Async/Await优于基础Promises的7大原因

全文共4898字，预计学习时长10分钟

 

 

图片来源：https://unsplash.com/@grohsfabian

 

Async/await已被引入NodeJS 7.6，当前能在几乎所有先进的浏览器上运行。这绝对是自2017年以来JavaScript最好的附加语法，没有之一。

 

Async/Await 101

 

• Async/await是一种编写异步代码的新方法。以前编写异步代码会用callbacks和promises。

 

• Async/await 实际上只是一种基于promises的糖衣语法，不能与基础callbacks或节点callbacks一同使用。

 

• Async/await和promises一样，都是非堵塞式的。

 

• Async/await让异步代码更具同步代码风格，这也是其优势所在。

 

句法

 

假设函数getJSON返回一个promise，该promise通过某个JSON对象进行解析。我们只想调用它并记录该JSON，然后返回“done”。

 

以下是运用promises执行上述步骤的方式：

 

const makeRequest = () =>

  getJSON()

    .then(data => {

      console.log(data)

      return "done"

    })

 

makeRequest()

 

以下则是用async/await的效果：

 

const makeRequest = async () => {

  console.log(await getJSON())

  return "done"

}

 

makeRequest()

 

两者有一些不同：

 

1. 函数前有关键词async。关键词await 只能用于async定义的函数之内。任一async函数都能隐式返回promise，其解析值是从该函数返回的任意值（在此指字符串“done”）。

 

2. 上一点意味着不能在代码顶部使用await，因为它不在async定义的函数范围之中。

 

// this will not work in top level

// await makeRequest()

 

// this will work

makeRequest().then((result) => {

  // do something

})

import pandas as pd

 

3. await getJSON() 意味着 console.log 调用会等到getJSON() promise进行解析后才输出解析值。