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


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

      重写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("不想屏蔽的输出,例如捕获的错误等");
    

      

  • 相关阅读:
    同步 异步 阻塞 非阻塞深入理解
    TCP的三次握手四次挥手
    dom事件
    Vue 无痕 刷新页面
    事件冒泡 捕获 事件流
    gulp
    懒加载
    Object.prototype.toString.call() 判断某个对象属于哪种内置类型 type instanceof Object.prototype.toString.call 区别
    css sass less
    node module.exports exports
  • 原文地址:https://www.cnblogs.com/zhaodesheng/p/11442869.html
Copyright © 2020-2023  润新知