我可以在 javascript 中扩展控制台对象(用于重新路由日志记录)吗?

IT技术 javascript logging extend
2021-02-27 10:41:42

是否可以扩展控制台对象?

我试过类似的东西:

Console.prototype.log = function(msg){
    Console.prototype.log.call(msg);
    alert(msg);
}

但这没有用。我想通过像log4javascript这样的框架向控制台对象添加额外的日志记录,并且仍然在我的代码中使用标准控制台对象(在 log4javascript 不可用的情况下)。

提前致谢!

6个回答

尝试以下操作:

(function() {
    var exLog = console.log;
    console.log = function(msg) {
        exLog.apply(this, arguments);
        alert(msg);
    }
})()

您还可以通过这种方式添加日志时间:

添加 Momentjs 或使用New Date()而不是 moment。

var oldConsole = console.log;
console.log = function(){
    var timestamp = "[" + moment().format("YYYY-MM-DD HH:mm:ss:SSS") + "] ";
    Array.prototype.unshift.call(arguments, timestamp);
    oldConsole.apply(this, arguments);
};
好吧,我想,不过我更喜欢本机解决方案。例如,NPM 是需要存在的“另一个”事物
2021-05-09 10:41:42
这不起作用,因为它会生成“未定义时刻”错误。
2021-05-11 10:41:42
你必须使用 npm install moment 安装 moment
2021-05-17 10:41:42

这确实与其他一些人给出的解决方案相同,但我相信这是实现这一目标的最优雅、最简单的方法。展开语法 (...args)确保不会丢失单个参数

var _console={...console}

console.log = function(...args) {
    var msg = {...args}[0];
    //YOUR_CODE
    _console.log(...args);
}
很好地使用了 spread/rest 语法,但它不需要,有一个 1 行更小的方式支持 IE 并且不会覆盖上面的 protos。
2021-05-11 10:41:42
// console aliases and verbose logger - console doesnt prototype
var c = console;
c.l = c.log,
c.e = c.error,
c.v = c.verbose = function() {
    if (!myclass || !myclass.verbose) // verbose switch
        return;
    var args = Array.prototype.slice.call(arguments); // toArray
    args.unshift('Verbose:');
    c.l.apply(this, args); // log
};

// you can then do
var myclass = new myClass();
myclass.prototype.verbose = false;
// generally these calls would be inside your class
c.v('1 This will NOT log as verbose == false');
c.l('2 This will log');
myclass.verbose = true;
c.v('3 This will log');

我注意到上面 nitesh 对 Array.prototype.unshift.call 的使用是添加 'Verbose:' 标签的更好方法。

对于 ECMAScript 2015 及更高版本

您可以使用ECMAScript 2015标准中较新的代理功能来“劫持”全局console.log

源代码

'use strict';

class Mocker {
  static mockConsoleLog() {
    Mocker.oldGlobalConsole = window.console;

    window.console = new Proxy(window.console, {
      get(target, property) {
        if (property === 'log') {
          return function(...parameters) {
            Mocker.consoleLogReturnValue = parameters.join(' ');
          }
        }

        return target[property];
      }
    });
  }

  static unmockConsoleLog() {
    window.console = Mocker.oldGlobalConsole;
  }
}

Mocker.mockConsoleLog();

console.log('hello'); // nothing happens here

Mocker.unmockConsoleLog();

if (Mocker.consoleLogReturnValue === 'hello') {
  console.log('Hello world!'); // Hello world!
  alert(Mocker.consoleLogReturnValue);
  // anything you want to do with the console log return value here...
}

在线演示

复制它

Node.js 用户...

... 我不会忘记你。您可以使用此源代码并替换window.consolegloabl.console以正确引用控制台对象(当然,摆脱alert调用)。事实上,我最初编写了这段代码并在 Node.js 上对其进行了测试。

与上面使用 6 行覆盖器的答案相比,这是巨大的,我认为这对于简单的函数重写来说太过分了
2021-04-26 10:41:42
不,不要使用代理来劫持单个财产。
2021-05-02 10:41:42