JQuery 的logger 插件

来源:互联网 发布:拼多多数据抓取 编辑:程序博客网 时间:2024/05/19 02:27

Console.log ,这个对所有的前端童鞋都不陌生,但问题是比较低版本的IE6等不支持,如果在代码中写了console.log,就会报脚本错误。于是包装console.log就成了比较顺利成章的问题,包装很简单,而且目前市面上也已经有了很多,那我为什么还需要自己写个呢?我牛B? No.因为他们不满足我的需求。我的需求很简单,就两个:

1: 统一项目中的console,解决IE低版本脚本错误问题

2: 有log的过滤功能,比如有 "error", "warn", "info", "debug", "log" 等级别,那我现在只需要看warn及以上的,也就是error和warn,这样我的焦点也就在这两个上面,其它比它低的,都别显示。


于是新的JQuery 的logger 插件就这样诞生了,而且当我实现完后,发现和前端大师Luck和Jesse的实现有点不猫儿和,而且从代码的重构来说,他们的更好,于是有的就借鉴了他们的Idea. 当我看了Mozilla上的一些原始方法实现后,发现他们的有些写发,和上面的风格很像,hmmmmmm,原来大师就是这样成就的。


不说废话,进入正题。

1: 先看运行效果

  

2: 如果我过滤,只想看warn及以上级别的

   $.Logger.setLevel(1);

3:那是什么样的代码有上面的log呢

   // $.Logger.setLevel(1);
    var log=$.getLogger("XXX.ux.projectname");
      log.info("I am info",log);
      log.log("I am log","yes, u are right!");
      log.debug("I am debug","yes, u are right!");
      log.warn("I am warn","yes, u are right!");
      log.error("I am error","yes, u are right!");
      
      log=$.getLogger("XXX.ux.projectname2");
      log.info("I am info",log);
      log.log("I am log","yes, u are right!");
      log.debug("I am debug","yes, u are right!");
      log.warn("I am warn","yes, u are right!");
      log.error("I am error","yes, u are right!");
    

4:哪我可以获取代码? 

     https://github.com/majorye/Logger

  使用代码的时候,希望写上出处,谢谢。

发现bug或有更好的建议,请与我联系,github上有我的联系方式。

原创粉丝点击