介绍async 和 await

JS中async和await的用法及原理
async函数定义
在JavaScript中，使用async关键字可以声明一个异步函数。当函数被标记为async时，它会自动返回一个Promise对象[^2]。
async function fetchData() {
// 函数体内可执行异步操作
}
登录后复制
await等待Promise完成
await表达式用于等待一个Promise对象的解析结果，在此期间，程序不会继续向下执行而是暂停直到该Promise状态变为已解决或拒绝。需要注意的是，只有在一个由async修饰的函数内部才能合法地使用await语句[^4]。
try {
const response = await fetch('https://api.example.com/data');
const data = await response.json();
console.log(data);
} catch (error) {
console.error('数据获取失败:', error);
}
登录后复制
上述代码片段展示了如何利用fetch()方法发起HTTP请求并处理响应的数据流。这里先调用了fetch()去获取资源，接着通过.json()解析JSON格式的内容；这两者都是基于Promise的操作，因此可以在前面加上await让其顺序执行而无需嵌套多层回调函数。
错误处理机制
对于可能出现异常的情况，推荐采用try...catch结构来进行错误捕获与处理。如果任何带有await的关键字抛出了未被捕获的错误，则整个async函数将会立即终止，并将控制权交给最近一层包围它的catch块。
原理概述
本质上讲，async/await是对原有Promise语法的一种简化形式，使得开发者能够更直观地书写非阻塞式的逻辑流程。这种设计不仅提高了代码的可读性和维护性，同时也降低了因复杂链式调用所带来的理解成本[^3]。