11

我有以下代码：

var myLog = console.log.bind(console, '[DEBUG]');

当我想将前面的内容记录[DEBUG]到控制台时，哪个有效。现在我想在日志中添加一个日期/时间，我尝试了这个：

var myLog = console.log.bind(console, '[DEBUG ' + (new Date) + ']');

这显然不起作用，因为它总是记录相同的时间（.bind被调用的时间）。

有没有办法（使用.bind）在每个日志上记录当前时间而不必这样做：

var myLog = function(){
    var args = ['[DEBUG ' + (new Date) + ']'];
    for(var i = 0; i < arguments.length; ++i) {
        args.push(arguments[i]);
    }
    return console.log.apply(console, args);
};

?

因为上面的方法向我显示了被调用的行console.log.apply而不是被调用的行myLog。

4

2 回答 2

34

是的。http://jsfiddle.net/SwFJg/6/

var DEBUG = (function(){
    var timestamp = function(){};
    timestamp.toString = function(){
        return "[DEBUG " + (new Date).toLocaleTimeString() + "]";    
    };

    return {
        log: console.log.bind(console, '%s', timestamp)
    }
})();

DEBUG.log("banana", {foo:'bar'}); //[DEBUG 2:43:21 PM] banana Object {foo: "bar"}
console.log("Peppercorn");        //Peppercorn 
DEBUG.log("apple");               //[DEBUG 2:43:21 PM] apple 
DEBUG.log("orange");              //[DEBUG 2:43:21 PM] orange 
setTimeout(function(){
    DEBUG.log("mango");           //[DEBUG 2:43:25 PM] mango 
},3000)

这是有效的，因为每次都被调用（实际上是所有东西toString）。timestampconsole.log

我们覆盖默认toString方法，并用时间戳替换它（显然您可以将输出更改为您想要的任何内容）。

我选择上述模式是因为，正如其他人所指出的（在 SO chat 中），您可以轻松地扩展 DEBUG 对象来做其他事情。

...
return {
    log: console.log.bind(console, '%s', timestamp),
    error: console.error.bind(console, '%s', timestamp),
    info: console.info.bind(console, '%s', timestamp),
    warn: console.warn.bind(console, '%s', timestamp),
    group: ...,
    groupEnd: ...,
    groupCollapsed: ... // etc
}
...
于 2013-08-23T19:31:53.073 回答
2

我认为这就是您要寻找的东西，这很简单

console.logCopy = console.debug.bind(console);

console.debug = function(data)
{
    var currentDate = '[' + new Date().toUTCString() + '] ';
    this.logCopy(currentDate, data);
};
于 2016-03-16T21:13:04.513 回答