promise.then 和 async await区别

`Promise.then`和`async/await`都是用来处理异步代码的方法，但它们在语法和用法上有一些不同之处。

1. 语法差异：

- `Promise.then`是基于回调函数的，它需要在每个`then`中传递一个回调函数来处理异步操作的结果。
- `async/await`是基于Promise的语法糖，它使用`async`来标记一个异步函数，使用`await`来等待异步操作的结果。

2. 错误处理：

- `Promise.then`需要在每个`then`中使用`.catch()`或者`try/catch`来处理错误。
- `async/await`可以使用`try/catch`来捕获错误。

3. 可读性：

- `async/await`的代码更加直观和易读，因为它像同步代码一样看起来简单明了。
- `Promise.then`需要在每个`then`中传递一个回调函数，使得代码稍微有些冗长。

总的来说，`async/await`相对于`Promise.then`代码更加简洁、直观，语义更加明确，更易于维护和修改。但是，`async/await`的缺点是需要一定的ES6语法基础，而且需要等待异步操作完成后才能继续执行下面的代码，可能会导致一些性能问题。因此，在实际开发中需要根据具体情况进行选择。

相关问题

async await和.then的区别

async/await和.then都是用于处理异步操作的方法，但它们之间有一些区别。

1. 语法：async/await使用更简洁，更易读。它使用异步函数(async function)和await关键字来实现。而.then使用Promise的链式调用语法来处理异步操作。

2. 错误处理：在使用async/await时，可以使用try/catch语句来捕获和处理异步函数中的错误。而使用.then时，错误处理通常是通过在链式调用中使用.catch方法来处理的。

3. 可读性：async/await使得异步代码的编写更像是同步代码，使得代码更易于理解和维护。而.then则需要在每个.then回调函数中处理异步操作的结果，使得代码可能会变得冗长和难以阅读。

综上所述，async/await相较于.then更加简洁、易读，并且更方便处理异步操作中的错误。但需要注意的是，async/await只能在支持ES6的环境中使用，而.then可以在更旧的JavaScript环境中使用。

async await return promise.roslve.then 的执行顺序 讲解

当使用 async/await 语法时，可以使用 await 关键字来等待一个异步操作的结果。在 await 关键字后面，可以写一个返回 Promise 的表达式。执行顺序如下：

1. 当遇到 await 关键字时，它会暂停当前函数的执行，并等待 Promise 对象的解析结果。
2. 在等待期间，JavaScript 可以继续执行其他任务，而不会阻塞线程。
3. 一旦 Promise 对象被解析（即状态从 pending 变为 resolved），await 表达式会返回 Promise 对象的解析值，并且恢复函数的执行。
4. 如果 Promise 对象被拒绝（即状态从 pending 变为 rejected），await 表达式会抛出一个异常，可以使用 try-catch 块进行处理。

在使用 async/await 时，一般会将异步操作包装在 try-catch 块中，以便捕获可能的异常。这样，可以更方便地处理异步操作的结果和错误。