JS异步编程—async await

async/await：async/await是基于Promise的异步编程方式的进一步演进。async函数是一个返回Promise对象的函数，await关键字可以暂停函数的执行，等待一个Promise对象的解析结果。使用async/await可以像同步代码一样编写异步操作，使得代码更加简洁且易于理解。

使用async/await从服务器获取数据的示例：

// 定义一个异步函数，使用async关键字标识
async function fetchData() {
  try {
    // 使用await关键字等待Promise对象的完成，并将结果赋值给变量
    const response = await fetch('https://api.example.com/data');
    const data = await response.json();
   
    // 对获取到的数据进行处理
    console.log('成功获取数据', data);
  } catch (error) {
    // 处理错误情况
    console.log('获取数据失败', error);
  }
}
// 调用异步函数
fetchData();

在这个示例中，我们定义了一个名为fetchData的异步函数，使用async关键字标识。在函数体内部，我们使用await关键字来等待Promise对象的完成。具体来说，我们使用await等待fetch函数返回的Promise对象并将结果赋值给response变量。然后，我们再次使用await等待response.json()返回的Promise对象，并将解析后的数据赋值给data变量。

通过使用async/await，我们可以将异步操作的代码写得更像同步代码，使得代码更加易读和易于理解。同时，使用try-catch语句块来捕获可能发生的错误，提供了方便的错误处理机制。

需要注意的是，使用async/await要求函数的定义前面加上async关键字，并且await只能在async函数内部使用。此外，await只能等待Promise对象，如果要等待其他类型的值，可以使用Promise.resolve将其转换为Promise对象。

在实际开发中，选择合适的异步编程方式取决于具体场景和个人偏好。回调函数适用于简单的异步操作，Promise和async/await适用于复杂的异步操作，能够提供更好的代码组织和错误处理能力。