在 async 函数中做异步状态异常检测，核心是主动捕获状态不一致、超时、竞态、取消等非错误但危险的运行时条件，需结合 abortsignal、状态快照、超时控制和逻辑断言。
在 async 函数中做异步状态异常检测，核心是**主动捕获状态不一致、超时、竞态、取消等非错误但危险的运行时条件**，不能只依赖 try/catch 捕获抛出的 Error。关键在于结合信号（如 AbortSignal）、状态快照、超时控制和逻辑断言。
用 AbortController 主动响应取消与超时
很多“异常状态”本质是任务不该继续却仍在执行（比如用户已离开页面、组件已卸载）。此时靠抛错不够及时，需主动中断：
- 在发起异步操作（如 fetch、setTimeout、自定义 Promise）时传入
signal - 在 async 函数开头检查
signal.aborted，提前 return 或 throw - 用
AbortController.timeout()（或手动setTimeout+abort()）设置硬性超时
例如：
async function loadData(id, signal) {
if (signal.aborted) throw new DOMException('Aborted', 'AbortError');
<p>const controller = new AbortController();
const timeoutId = setTimeout(() => controller.abort(), 5000);
signal.addEventListener('abort', () => controller.abort());</p><p>try {
const res = await fetch(<code>/api/item/${id}</code>, { signal: controller.signal });
clearTimeout(timeoutId);
return await res.json();
} catch (err) {
clearTimeout(timeoutId);
if (err.name === 'AbortError') throw new Error('Request timed out or cancelled');
throw err;
}
}</p>校验异步链中的中间状态一致性
异步操作常分多步（请求 → 解析 → 渲染），某步成功不代表整体可用。需在每步后校验业务状态是否合理：
- 检查返回数据结构是否符合预期（如字段缺失、类型错误）
- 验证前后状态是否逻辑自洽（如请求 ID 与响应 ID 不匹配）
- 对缓存/本地状态做“新鲜度”判断（如时间戳过期、版本号落后）
示例：
async function fetchUserProfile(userId) {
const data = await api.getUser({ userId });
<p>// 异常状态检测：非空但字段缺失
if (!data || typeof data !== 'object') {
throw new Error('Invalid user data structure');
}
if (!data.id || data.id !== userId) {
throw new Error(<code>User ID mismatch: expected ${userId}, got ${data.id}</code>);
}
if (Date.now() - data.updatedAt > 1000 <em> 60 </em> 60) {
console.warn('Stale user profile, consider refetching');
}</p><p>return data;
}</p>防范竞态条件（Race Conditions）
多个并发请求返回顺序不确定，后发先至的响应可能覆盖正确结果。这是典型的“状态异常”，而非报错：
- 为每个请求生成唯一标识（如 requestID、timestamp、sequence number）
- 在处理响应前比对当前最新请求标识，丢弃过期响应
- 使用
Promise.race()+ 取消信号快速淘汰慢请求
常见模式：
let latestRequestId = 0;
<p>async function search(query) {
const requestId = ++latestRequestId;</p><p>try {
const result = await fetch(<code>/search?q=${query}</code>);
const data = await result.json();</p><pre class="brush:php;toolbar:false;">// 仅处理最新请求的结果
if (requestId !== latestRequestId) return; // 被新请求覆盖，静默丢弃
updateUI(data);} catch (err) { if (requestId !== latestRequestId) return; handleError(err); } }
封装可检测的异步工具函数
把重复的状态检测逻辑抽成可复用的高阶函数，降低出错概率：
-
withTimeout(promise, ms)：包装 Promise，超时自动 reject -
withAbort(promise, signal)：绑定取消信号 -
assertState(promise, predicate)：在 resolve 后校验状态，不满足则 reject
例如：
function assertState(promise, check, message = 'State assertion failed') {
return promise.then(data => {
if (!check(data)) throw new Error(message);
return data;
});
}
<p>// 使用
const user = await assertState(
fetchUser(id),
u => u && u.status === 'active',
'Inactive user cannot be loaded'
);</p>
