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上有我的联系方式。