什么是async和await？

async 和 await 是 JavaScript（特别是 ES2017 及更高版本）中用于处理异步操作的关键字。它们使得异步代码看起来、写起来更像同步代码，从而提高了代码的可读性和可维护性。

async

async 是一个函数修饰符，用于声明一个函数是异步的。一个 async 函数总是返回一个 Promise。如果函数返回一个非 Promise 值，JavaScript 会自动将其包装在一个 Promise 中。

示例：

async function exampleAsyncFunction() {  
  return "Hello, Async!";  
}  
 
exampleAsyncFunction().then(result => console.log(result)); // 输出 "Hello, Async!"

await

await 是一个操作符，它只能在 async 函数内部使用。await 会暂停 async 函数的执行，并等待 Promise 解决（resolve）或拒绝（reject），然后恢复 async 函数的执行并返回解决的值。如果 Promise 被拒绝，await 表达式会抛出一个错误。

示例：

async function fetchData() {  
  let response = await fetch('https://api.example.com/data');  
  let data = await response.json();  
  return data;  
}  
 
fetchData().then(data => console.log(data)).catch(error => console.error(error));

在这个例子中，fetch 函数返回一个 Promise，我们使用 await 等待这个 Promise 解决，然后获取返回的响应对象。接着，我们使用 response.json() 方法（也返回一个 Promise）来获取 JSON 数据，并再次使用 await 等待这个 Promise 解决。最后，我们返回获取到的数据。

注意事项

• await 只能在 async 函数内部使用。
• await 会暂停 async 函数的执行，但不会阻塞整个线程或进程。JavaScript 仍然是单线程的，但 await 允许其他代码（如事件监听器或定时器回调）在 await 等待期间运行。
• 如果在 async 函数外部使用 await，会导致语法错误。
• 使用 try...catch 来捕获 await 表达式可能抛出的错误是一个好习惯。