async和await与promise的区别

一、什么是Async/Await?

1. async/await是写异步代码的新方式，以前的方法有回调函数和 Promise。
2. async/await是基于Promise实现的，它不能用于普通的回调函数。
3. async/await与Promise一样，是非阻塞的。
4. async/await使得异步代码看起来像同步代码，这正是它的魔力所在。

二、区别

1. 函数前面多了一个async关键字。await关键字只能用在async定义的函数内。async函数会隐式地返回一个promise，该promise的reosolve值就是函数return的值。
2. 第1点暗示我们不能在最外层代码中使用await，因为不在async函数内。例如：

// 不能在最外层代码中使用await
    await makeRequest()

    // 这是会出事情的 
    makeRequest().then((result) => {
        // 代码
    })

三、为什么Async/Await更好？

1. 使用async函数可以让代码简洁很多，不需要像Promise一样需要些then，不需要写匿名函数处理Promise的resolve值，也不需要定义多余的data变量，还避免了嵌套代码。

2. 错误处理：Async/Await 让 try/catch 可以同时处理同步和异步错误。在下面的promise示例中，try/catch 不能处理 JSON.parse 的错误，因为它在Promise中。我们需要使用 .catch，这样错误处理代码非常冗余。并且，在我们的实际生产代码会更加复杂。

更多参考链接