console.assert()是前端轻量级防御式断言利器，适用于关键逻辑入口、数据处理前、API响应解析后等场景，需用可读明确的表达式（如类型、存在性、结构检查）确保校验有效。
控制台里的 console.assert() 是前端做轻量级防御式断言最直接的手段——它不依赖额外库、开箱即用，且只在条件不成立时才“发声”，天然契合开发调试阶段的校验需求。
什么时候该用 console.assert
适合在关键逻辑入口、数据处理前、API响应解析后等位置，快速验证“这里不该出现 null”“这个值必须是数组”“接口返回字段不能缺失”这类基础假设。它不是替代业务校验，而是帮你在写代码时就守住底线。
- 用户刚提交表单，检查
formData.name是否为非空字符串 - 调用
fetch后拿到响应，断言response.ok === true - 组件接收 props，确认
props.items确实是数组：console.assert(Array.isArray(props.items), 'items must be an array')
怎么写才真正起作用
关键在表达式要“可读+可判”。不要写 console.assert(data) 这种模糊判断，而要明确你想守住什么：
前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。
- 类型检查：
console.assert(typeof id === 'string', 'id must be string') - 存在性检查：
console.assert(user && user.id, 'user object with id is required') - 结构检查：
console.assert('token' in authResponse, 'authResponse missing token field') - 组合条件：
console.assert(min
注意浏览器兼容性和实际效果
console.assert() 在 Chrome、Edge、Safari 和新版 Firefox（无需 Firebug）中都原生支持。它的行为很干净：条件为 false 时，在控制台显示带 “Assertion failed” 前缀的警告，并高亮输出你传入的提示信息；条件为 true 时，完全静默，不占日志、不拖性能。
立即学习“前端免费学习笔记（深入）”；
- 不会中断 JS 执行，只是报错提醒，适合渐进式加固
- 不抛异常，所以不用 try/catch，也不会影响正常流程
- 生产环境默认不生效（多数构建工具会自动移除或忽略），不影响线上稳定性
和自定义 assert 函数的区别
像 Vuex 或 React 内部用的 assert(condition, msg) 通常会 throw new Error，用于测试或强约束场景；而 console.assert() 更轻、更宽容，定位是“提醒开发者注意”，不是“强制程序失败”。两者用途不同，不必互相替代，但开发阶段优先用 console.assert() 快速覆盖高频易错点更自然。
