async和await与promise的区别

async和await与promise的区别

• 一、什么是Async/Await?
• 二、区别
• 三、为什么Async/Await更好？

一、什么是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函数内。例如：

// 不能在最外层代码中使用awaitawait 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，这样错误处理代码非常冗余。并且，在我们的实际生产代码会更加复杂。

更多参考链接