console.assert() 是非阻塞式旁路校验工具，仅在条件为 false 时输出带堆栈的警告，不抛错、不中断执行、不参与 promise 链，适合异步流程中轻量可观测的状态验证。
Chrome Console 的 console.assert() 本身不是为测试链路设计的断言工具，它不抛出错误、不中断执行、也不参与 Promise 链或 async/await 流程——它只是在条件为 false 时向控制台输出一条带堆栈的警告信息，并完全非阻塞。正因如此，它天然适合在异步测试链路中做轻量、可观测、不影响流程的逻辑校验。
以下是你真正能用、且实用的方式：
✅ 明确用途：用 console.assert() 做“旁路观测式校验”
它不替代 expect().toBe() 或 assert.strictEqual()，而是补充：
- 快速验证某个异步中间状态是否符合预期（比如 fetch 后的 response.status、Promise resolve 前的数据结构）；
- 不打断执行流，避免掩盖后续错误；
- 输出带时间戳和调用堆栈的日志，便于回溯上下文。
fetch('/api/user')
.then(res => {
console.assert(res.ok, '❌ API 返回非 OK 状态', res.status, res.statusText);
console.assert(res.headers.get('content-type')?.includes('json'), '⚠️ 响应头未声明 JSON');
return res.json();
})
.then(data => {
console.assert(Array.isArray(data.roles), '❌ data.roles 应为数组', data);
console.assert(data.id > 0, '❌ 用户 ID 无效', data);
renderUser(data);
})
.catch(err => {
console.error('请求链路异常:', err);
});
✅ 在 async/await 中保持非阻塞校验
console.assert() 可直接嵌入 async 函数任意位置，无需 await，不改变控制流：
async function loadUserProfile(userId) {
const res = await fetch(`/users/${userId}`);
console.assert(res.status === 200, `HTTP ${res.status} 不在预期范围内`);
const data = await res.json();
console.assert(typeof data === 'object' && data !== null, 'JSON 解析结果非对象', data);
// ✅ 即使断言失败，后续代码照常执行
updateUI(data);
trackLoadTime();
}
✅ 结合异步堆栈增强可追溯性
确保已开启 Chrome 的 Enable async stack traces（设置 → Console → 勾选），这样 console.assert() 输出的堆栈会包含完整的异步调用链（如从 button.click → handleClick → fetch → .then），而不仅限于当前 microtask 帧。
⚠️ 注意：
console.assert()的堆栈是触发时的同步快照，启用异步堆栈后，DevTools 会自动将该快照与异步源头关联，大幅提升调试效率。
✅ 进阶技巧：封装带上下文的断言函数
避免重复写冗余信息，可封装一个轻量函数，自动注入异步上下文标识：
function asyncAssert(condition, message, ...args) {
if (!condition) {
// 添加当前异步阶段标记（如来自哪个 Promise 阶段）
const traceId = `ASYNC:${Date.now() % 10000}`;
console.assert(false, `[${traceId}] ❌ ${message}`, ...args);
}
}
// 使用示例
fetch('/cart').then(r => r.json()).then(cart => {
asyncAssert(cart.items?.length >= 0, '购物车 items 长度不能为负', cart);
});
不复杂但容易忽略
