陷阱 #9:偷工减料(只写 happy path)

这个坑长什么样

// 只写了成功的情况(❌)
async function loadUser() {
  const res = await fetch("/api/user");
  const data = await res.json();
  show(data.name);     // 没考虑:请求失败?返回空?网络超时?加载中显示什么?
}

为什么会犯 & 怎么识别

• 为什么:主流程最能"演示成功",AI 优先把它跑通就交差
• 识别信号:没有失败分支、没有加载状态、没有"空数据"的显示、没有 try/catch

⚠️ 一个隐蔽点:fetch 在服务器返回 404/500 时并不会自动报错(只有网络层断了才会)。所以光加个 try/catch 还不够,还要检查 res.ok(或状态码),否则"服务器出错"这种最常见的失败照样被你漏掉。

怎么防

• 主动问"万一……怎么办":失败、为空、加载中、超时、没权限——每个都要有交代
• 提示里点名要求:"请处理失败、空数据、加载中三种状态,而不只是成功路径"
• 用三种输入测它(呼应 m.8):正常的、空的、出错的

这个功能除了正常情况,请补齐所有'不顺利'的处理:请求失败、返回空数据、加载中、超时、无权限。每种都要有合理的用户反馈或兜底,不要只写成功路径。改完列出你处理了哪些异常情况。

🔧 试一试:给它制造异常情况(5 分钟)

让 AI 写个有外部依赖的函数(读文件、调网络),然后模拟异常:文件不存在、网络断、格式不对。

你会看到:它写的往往只有「一切顺利」那条路,异常一来就崩。

怎么防:要求它把失败路径也处理了;主动问「如果 X 失败会怎样」。