快速删除项目中的输出日志console.log

Posted 2022-09-19 zhaodesheng

项目开发时，控制台往往有许多忘记删除或注释掉的输出日志。但是上线后总不能一个一个删吧，最近总结出几个解决思路

　　重写console.log方法，使其失去 输出能力

这个最直接有效，用vue框架的话放在main.js中或者index.html中即可。多页面的话可以放在一个全局js中。缺点：有时候捕获的错误是想打印出来的，结果也被屏蔽了。

console.log = function () ;

　　改进版

var log = console.log; // 不屏蔽
var log1 = function () ; // 屏蔽
console.log = function () 
  if(arguments[0] instanceof Error)
    log(...arguments);
  else
    log1(...arguments);
  

　　后面的开发可以考虑下面的设计。

开发的时候，先将console.log赋值给log变量，后面使用的时候用log输出，上线的时候只需要将log函数改写成一个空函数就可以了。而上线后像仍需要打印的用console.log输出。这样就可以有选择的屏蔽和输出了

var log = console.log; // 平时开发用这个，写法简单，上线时替换成下一行就屏蔽掉了
// var log = function () ; // 上线时改成这个屏蔽输出

// 例如：
log("暂时打印使用这个函数，写法简单，后期还能屏蔽掉，妈妈再也不怕忘了删除打印日志了");
console.log("不想屏蔽的输出，例如捕获的错误等");