Promise链出错后继续执行需在catch中显式return默认值（如[]、null或Promise.resolve()），否则返回undefined导致隐性bug；封装orDefault等工具函数可复用兜底逻辑。
在 JavaScript 中，想让 Promise 链在出错后仍能继续执行，并返回一个默认值（而不是中断或抛出错误），关键是在 catch 中**显式返回一个非 rejected 的值（通常是 resolved 的 Promise 或普通值）**。这样后续的 then 就能正常接收并处理它。
✅ catch 里必须 return，不能只 throw 或 void
catch 回调默认返回 undefined（即 Promise.resolve(undefined)），但这常不是你想要的“默认值”。如果你希望提供具体默认值（比如空数组、null、0 或某个兜底对象），就得主动 return 它：
- 返回普通值（如
return []）→ 自动包装为Promise.resolve([]) - 返回 Promise（如
return Promise.resolve(42)）→ 后续then等待其 resolve - ⚠️ 不要只写
console.error(e);而不 return → 链会继续以undefined传递，可能引发隐性 bug
? 常见安全写法示例
假设请求用户数据失败时，返回一个空用户对象继续流程：
fetch('/api/user')
.then(res => {
if (!res.ok) throw new Error('HTTP error');
return res.json();
})
.catch(err => {
console.warn('获取用户失败，使用默认用户', err);
return { id: -1, name: '匿名用户', role: 'guest' }; // ✅ 返回默认值
})
.then(user => {
console.log('当前用户:', user); // 总能执行，user 是真实数据或默认对象
return fetch(`/api/profile/${user.id}`);
})
.then(res => res.json())
.catch(err => {
console.warn('加载个人资料失败，用空资料兜底');
return { bio: '', avatar: '/default.png' }; // ✅ 再兜底一次
});
? 进阶技巧：封装成可复用的默认处理器
避免重复写 catch(() => defaultValue)，可以封装工具函数：
const orDefault = (defaultValue) => (reason) => {
console.debug('Promise rejected, using default:', reason);
return defaultValue;
};
// 使用
fetch('/api/config')
.then(r => r.json())
.catch(orDefault({ theme: 'light', lang: 'zh' }))
.then(config => applyConfig(config));
⚠️ 注意：不要在 catch 里重新 throw（除非有意中断）
如果写了 catch(err => { throw err; }) 或 catch(err => Promise.reject(err))，错误会继续向上冒泡，链依然中断。只有返回非 rejected 结果，才能真正“恢复”链路。
