Fetch、Promise 与 async/await

这一节要完成什么

理解请求需要等待，并区分网络完成与 HTTP 成功。

先理解：为什么要学它

理解请求需要等待，并区分网络完成与 HTTP 成功。

跟着做

async function loadData(url) {
  const response = await fetch(url);
  if (!response.ok) throw new Error(`HTTP ${response.status}`);
  return response.json();
}

1. 打开上一节项目并记录当前结果。
2. 输入示例并完成：调用一个公开测试 API，打印状态、Content-Type 和解析后的数据。
3. 改变一个输入，先预测再验证。
4. 制造并修复典型错误：fetch 遇到 404 不一定 reject；必须主动检查 response.ok。

关键代码怎么读

• 理解请求需要等待，并区分网络完成与 HTTP 成功。
• 按输入、处理、输出三部分阅读代码。
• 用不同输入和边界情况验证。

常见错误：看到什么，检查什么

自己完成一次

调用一个公开测试 API，打印状态、Content-Type 和解析后的数据。

完成检查

• 我完成了本节要求的可见结果
• 我能解释关键代码的输入、处理和输出
• 我测试了正常、边界和错误情况