是否可以将日期/时间绑定到控制台日志？

Question

我有以下代码：

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 的行。

Answer 1

我想这就是你要找的，很简单

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

console.debug = function(data)
{
    var currentDate = '[' + new Date().toUTCString() + '] ';
    this.logCopy(currentDate, data);
};

Answer 2

是的。 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)

这是有效的，因为每次调用 console.log 时都会在 timestamp（实际上是所有内容）上调用 toString。

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

我选择上述模式是因为，正如其他人所指出的（在 SO 聊天中），您可以轻松扩展 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
}
...