箭头函数使fetch链式调用更简洁，因其省略function关键字和大括号，避免this丢失与隐式返回问题；.json()返回Promise需继续.then()处理，不可直接赋值使用。
箭头函数本身不直接“简化” JSON 解析，但它能让 fetch() 链式调用更简洁、可读性更强，尤其在处理 Response 对象的 .json() 方法时。
为什么箭头函数在这里更顺手？
Response.json() 返回一个 Promise，通常要写成 res => res.json() 这样的形式传给 .then()。箭头函数省去 function 关键字和大括号（单参数+单表达式时），代码更紧凑，也避免了意外丢失 this 或隐式返回问题。
常见写法对比：传统函数 vs 箭头函数
✅ 推荐（简洁清晰）：
fetch('/api/data')
.then(res => res.json()) // 直接返回 Promise，自动链下去
.then(data => console.log(data));
❌ 不必要地冗长（但合法）：
立即学习“Java免费学习笔记（深入）”；
fetch('/api/data')
.then(function(res) {
return res.json();
})
.then(function(data) {
console.log(data);
});
注意：.json() 后必须再 .then() 处理解析结果
res.json() 不是同步解析，它只是发起解析操作并返回 Promise。所以不能这样写：
fetch('/api/data')
.then(res => {
const data = res.json(); // ❌ data 是 Promise，不是 JSON 对象
console.log(data); // 打印的是 Promise 实例
});
正确方式是继续链式调用：
- 用
.then(res => res.json()).then(data => {...}) - 或用
async/await（内部仍依赖箭头函数简洁性）：
fetch('/api/data').then(res => res.json()).then(data => {...})
进阶：组合错误处理与 JSON 解析
实际项目中常需检查响应状态再解析，可结合箭头函数保持链路扁平：
fetch('/api/data')
.then(res => {
if (!res.ok) throw new Error(`HTTP ${res.status}`);
return res.json(); // ✅ 只有成功才解析
})
.then(data => render(data))
.catch(err => console.error('加载失败:', err));
这个写法里，箭头函数让条件判断和返回逻辑一目了然，没有额外嵌套或命名函数干扰主流程。
