最直接有效的方式是在项目入口用立即执行函数包裹环境判断逻辑，重写 console 方法为空函数；原理是运行时劫持 console 对象，遍历 Reflect.ownKeys(console) 并仅覆盖函数类型属性，兼容所有浏览器和框架。
最直接有效的方式，是在项目入口（如 main.js 或 index.js）中用立即执行函数包裹一段环境判断逻辑，把所有可调用的 console 方法重写为空函数。这种方式不依赖构建工具，运行时生效，兼容所有浏览器和 Vue/React 等框架。
核心原理：运行时劫持 console 对象
浏览器中的 console 是一个普通对象，其方法（如 log、info、warn）都是可被覆盖的函数属性。生产环境下，我们遍历它的自有属性（包括 Symbol 类型），对每个函数类型属性赋值为空箭头函数，从而实现“静默”——调用不报错、不输出、不中断流程。
注意：Reflect.ownKeys(console) 能同时拿到字符串键和 Symbol 键（比如 console[Symbol.toStringTag]），比 Object.keys() 更完整；但需过滤掉非函数属性，避免误赋值。
标准闭包写法（推荐）
将以下代码放在 JS 入口文件最顶部（确保早于任何 console.xxx 调用）：
- 用 IIFE 封装，避免污染全局作用域
- 检查
process.env.NODE_ENV === 'production'或location.hostname !== 'localhost'等可靠环境标识 - 遍历
Reflect.ownKeys(console)，只重写typeof console[key] === 'function'的项 - 保留
warn和error（可选）：若需保留关键错误提示，跳过这两个键名
示例代码：
(function () {
if (process.env.NODE_ENV === 'production') {
Reflect.ownKeys(console).forEach(key => {
if (typeof console[key] === 'function') {
// 可选：跳过 warn/error，保留告警和错误日志
if (['warn', 'error'].includes(key)) return;
console[key] = () => {};
}
});
}
})();
注意事项与边界情况
-
不要在模块顶层直接赋值
console.log = () => {}：ES 模块中console是只读绑定，会报TypeError: Cannot assign to read only property -
第三方库可能缓存了原始
console引用：例如某些 SDK 在初始化时就保存了const _log = console.log，后续调用不受劫持影响。此时需更早注入，或配合构建期移除 -
不影响
console.table、console.group等扩展方法：只要它们是函数，同样会被拦截；但若某浏览器未实现某个方法（返回undefined），则跳过，无副作用 -
不影响
console.dir或console.assert的底层行为：它们仍执行，只是输出被屏蔽；如需彻底禁用断言，还需额外处理console.assert = () => {}
与构建期方案的关系
闭包拦截是运行时兜底手段，适合快速上线、遗留项目或无法修改构建配置的场景。但它不能删除源码中的 console 调用，也不减小打包体积。建议组合使用：
- 开发阶段用 ESLint 报警（
no-console规则 +allow: ['warn','error']） - 构建阶段用 Terser 或 Babel 插件真正剥离（如
drop_console: true） - 运行阶段用闭包做最后一道防护，防止漏网或动态生成的 log
