我目前正在用Javascript构建一个库,非常喜欢谷歌的DevTools来调试它。不幸的是,我不希望我的库在发布时记录。
这是我的记录器当前的设置方式。
var debug = false;
var increaseSomething = function()
{
// Random Code...
if (debug) { console.log("Increased!"); }
}
不幸的是,这很烦人,我不应该在每次调用登录到控制台之前检查调试是否打开。
我可以尝试将控制台封装在我自己的日志对象中,但我觉得这不是一个好主意。任何想法吗?
你能做到吗?
if (!debug) {
console.log = function() {/* No-op */}
}
正如您所提到的,您可能不想为每个人取消所有日志记录。我通常是这样做的。在一些实用程序文件中将它们定义为全局函数。我通常为LOG
、WARN
、ERROR
和TRACE
添加额外的功能,并根据冗长程度记录这些功能。
// Define some verbosity levels, and the current setting.
_verbosityLevels = ["TRACE", "LOG", "WARN", "ERROR"];
_verbosityCurrent = _verbosityLevels.indexOf("LOG");
// Helper function.
var checkVerbosity = function(level) {
return _verbosityLevels.indexOf(level) <= _verbosityCurrent;
}
// Internal log function.
var _log = function(msg, level) {
if(!debug && checkVerbosity(level)) console.log(msg);
}
// Default no-op logging functions.
LOG = function() {/* no-op */}
WARN = function() {/* no-op */}
// Override if console exists.
if (console && console.log) {
LOG = function(msg) {
_log(msg, "LOG");
}
WARN = function(msg) {
_log(msg, "WARN");
}
}
这也允许您在日志中添加重要信息,例如时间和调用者位置。
console.log(time + ", " + arguments.callee.caller.name + "(), " + msg);
可能输出如下:
"10:24:10.123, Foo(), An error occurred in the function Foo()"
我考虑再次封装控制台日志记录器,而不是提出一个完整的对象来封装控制台,我创建了一个接受控制台方法的函数。然后检查调试是否打开并调用该函数。
var debug = true;
var log = function (logFunction) {
if (debug) {
logFunction.apply(console, Array.prototype.slice.call(arguments, 1));
}
};
var check = function (canvas) {
log(console.groupCollapsed, "Initializing WebGL for Canvas: %O", canvas);
log(console.log, "cool");
log(console.groupEnd);
};
check(document.getElementById('thing'));
我确实喜欢@Aesthete的想法,但我还不想制作封装的控制台。下面是jsfiddle的示例:http://jsfiddle.net/WRe29/
这里我添加一个debugCall
对象原型。现在任何对象都可以调用debugCall
并检查其debug
标志。
Object.prototype.debugCall = function(logFunction)
{
if (this.debug) { logFunction.apply(console, Array.prototype.slice.call(arguments, 1)); }
};
var Thing = { debug : true /*, other properties*/ };
Thing.debugCall(console.log, "hello world");
编辑:我最初的想法是使用一个对象作为"配置"来指示对象是否应该记录日志。我已经使用了一段时间,并且喜欢这个配置概念,但我不认为每个人都会如此热衷于在他们的代码中使用配置对象,同时将函数传递给对象上的扩展函数。因此,我采用了这个概念,转而关注功能装饰。
Function.prototype.if = function (exp) {
var exFn = this;
return function () {
if (exp) exFn.apply(this, arguments);
};
};
var debug = false;
console.log = console.log.if(debug);
console.group = console.group.if(debug);
// Console functions...
myFunction = myFunction.if(debug);
这是非常简单的,几乎没有必要甚至有一个装饰函数来检查表达式,但我不愿意把if语句在我的代码的任何地方。希望这篇文章能帮助到一些人,甚至能激发他们对功能装饰的兴趣。
注意:这种方式也会杀死每个人的日志记录,除非你正确设置了if扩展;)*某些类型的对象/库配置指示debug
https://github.com/pimterry/loglevel
日志级别库::试试这是否适合您的需要。