12、JavaScript 异步操作优化指南

JavaScript 异步操作优化指南

1. 顺序异步操作的实现方式

在 JavaScript 中，实现顺序异步操作有多种方式。

• 使用 async/await ：

const response = await fetch(url);
const data = await response.json();

此方法先等待 fetch 请求响应，再将响应数据解析为 JSON。

• 使用 .then() ：

const data = await fetch(url).then((response) => response.json());

这种方式通过链式调用 .then() 来处理响应并解析 JSON。

• 混合使用 async/await 和 Promise().then() ：可以让代码中最重要的部分更明显。例如，对于提取 fetch 请求的 JSON 输出这类非核心逻辑，使用 Promise().then()