console.count是浏览器控制台中用于精准统计代码调用次数的调试工具，通过标签独立计数、支持动态命名、开发环境条件启用及配合countReset重置，实现无侵入式调用追踪。
console.count 是浏览器控制台中一个轻量但精准的调试工具，它能在不修改函数逻辑、不引入额外变量的前提下，实时统计某段代码（尤其是函数）被调用的次数，且无累积误差——每次调用都独立计数，不会因作用域或闭包问题导致丢失或错乱。
基础用法：为同一标识自动累加
在函数体内部调用 console.count('label')，传入一个字符串标签。控制台会为该标签维护一个独立计数器，每次执行到这行时，输出标签名 + 当前累计调用次数。
- 同一标签多次调用，计数递增；不同标签互不影响
- 即使函数被重复定义或重载，只要标签名一致，计数继续（注意：刷新页面后重置）
- 不依赖闭包变量，避免手动
let count = 0; count++可能出现的初始化遗漏或作用域污染
精准定位：结合函数名与上下文打标
为防止多个函数共用相同标签造成混淆，建议用函数名或关键路径作为 label，例如：
-
console.count('handleClick')—— 统计事件处理函数调用频次 -
console.count(`validate-${field}`)—— 动态标签，区分不同字段校验 -
console.count('API/fetchUser: start')—— 带语义的分层标识，便于过滤控制台日志
规避常见干扰：只在开发环境启用
console.count 不影响运行逻辑，但频繁输出可能掩盖其他日志。推荐封装一层条件判断：
- 检查
process.env.NODE_ENV === 'development'（Webpack/Vite 环境） - 或使用全局开关：
if (DEBUG) console.count('xxx') - 避免在循环体深层或高频渲染路径中无条件使用，防止控制台刷屏
进阶技巧：配合 console.countReset 清零重测
当需要重新统计某标签的调用次数（比如复现某个交互流程），可在关键节点调用 console.countReset('label')。下一次 console.count('label') 将从 1 重新开始计数。
- 适合单次流程验证：如“点击按钮 → 打开弹窗 → 提交表单”，在打开弹窗前 reset，提交后观察总调用数
- 注意：reset 不影响其他标签，也不会清除控制台已有日志
- 无参数调用
console.countReset()会重置所有已存在标签（兼容性略低，建议显式传参）
