promise async和await用法

在JavaScript中，Promise、async和await是处理异步操作的重要工具，它们帮助我们以更直观和可维护的方式编写异步代码。

1. Promise

   • 定义：Promise是ES6引入的一种异步编程解决方案，用于处理异步操作并避免回调地狱。
   • 状态：Promise有三种状态：pending（等待中）、resolved（成功）和rejected（失败）。
   • 使用：通过调用resolve或reject来改变Promise的状态，并使用.then()和.catch()方法来指定成功和失败的回调。

2. async和await

   • 定义：async关键字用于声明一个函数是异步的，而await关键字用于等待一个Promise的完成。
   • 用法：当在函数声明前使用async关键字时，该函数内的任何返回的表达式都会被视为一个已解决的Promise。此时，可以使用await关键字来等待该Promise的解决或拒绝，而无需使用.then()或.catch()方法。
   • 注意事项：await只能在async函数内部使用，并且必须放在一个try...catch代码块中，因为await的表达式可能是一个被拒绝的Promise。

3. 比较

   • 回调与Promise：回调函数和Promise都用于处理异步操作，但Promise通过链式调用的方式提供了更简洁的错误处理和结果处理。
   • Promise与async/await：虽然Promise提供了处理异步操作的基础结构，但async/await语法糖使得异步代码看起来和同步代码更相似，从而提高了可读性和可维护性。

4. 示例

   let promise =   new Promise((resolve, reject) => { setTimeout(() => resolve('Hello after 2 seconds'), 2000); })                                                                                       async function asyncFunc() { return await promise; // 使用await等待promise解决，并返回解决的值 } asyncFunc().then(console.log); // 输出："Hello after 2 seconds"

5. 在这个例子中，我们创建了一个在2秒后解决的Promise，然后在asyncFunc函数中使用await关键字等待该Promise解决，并将解决的值传递给.then()方法进行处理。这种方式使得异步代码的编写更加直观和易于理解