ECMAScriptasync/await怎样简化异步代码

async/await 是 ECMAScript（ES）2017 引入的一种处理异步操作的语法糖，它可以让异步代码看起来更像同步代码，从而提高代码的可读性和可维护性。下面是一些使用 async/await 简化异步代码的方法：

1. 使用 async 关键字声明异步函数：

   在函数声明前加上 async 关键字，表明这是一个异步函数。异步函数会隐式返回一个 Promise 对象。

   async function fetchData() {
     // 异步操作
   }
   

2. 使用 await 关键字等待异步操作的结果：

   在异步函数内部，使用 await 关键字等待一个异步操作（通常是一个返回 Promise 的函数）的结果。await 会暂停当前异步函数的执行，直到 Promise 完成（resolved 或 rejected），然后继续执行后续代码。

   async function fetchData() {
     const response = await fetch('https://api.example.com/data');
     const data = await response.json();
     return data;
   }
   

3. 错误处理：

   使用 try/catch 语句捕获异步操作中的错误。这样可以避免使用 .catch() 方法处理 Promise 的拒绝状态。

   async function fetchData() {
     try {
       const response = await fetch('https://api.example.com/data');
       const data = await response.json();
       return data;
     } catch (error) {
       console.error('Error fetching data:', error);
     }
   }
   

4. 并发执行异步操作：

   使用 Promise.all() 同时执行多个异步操作，而不是使用 Promise.allSettled()。这样可以更快地完成所有操作，并在所有操作完成后返回一个结果数组。

   async function fetchMultipleData() {
     try {
       const [data1, data2] = await Promise.all([
         fetch('https://api.example.com/data1'),
         fetch('https://api.example.com/data2'),
       ]);
       const json1 = await data1.json();
       const json2 = await data2.json();
       return [json1, json2];
     } catch (error) {
       console.error('Error fetching multiple data:', error);
     }
   }
   

通过使用 async/await，你可以编写出更简洁、易读的异步代码，从而提高开发效率和代码质量。