CODEWITHSUNDEEP
javascriptloggingextend
prefabSOFT
prefabSOFT

Reputation: 1163

Can I extend the console object (for rerouting the logging) in javascript?

Is it possible to extend the console object?

I tried something like:

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

But this didn't work. I want to add additional logging to the console object via a framework like log4javascript and still use the standard console object (in cases where log4javascript is not available) in my code.

Thanks in advance!

Upvotes: 32

Views: 21027

Answers (6)

Googlian
Googlian

Reputation: 6703

You can override the default behavior of the console.log function using the below approach, the below example demonstrates to log the line number using the overridden function.

let line = 0;
const log = console.log;
console.log = (...data) => log(`${++line} ===>`, ...data)

console.log(11, 1, 2)
console.log(11, 1, 'some')

Upvotes: 0

Amin NAIRI
Amin NAIRI

Reputation: 2504

For ECMAScript 2015 and later

You can use the newer Proxy feature from the ECMAScript 2015 standard to "hijack" the global console.log.

Source-Code

'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...
}

Online Demo

Repl.it.

Node.js users...

... I do not forget you. You can take this source-code and replace window.console by gloabl.console to properly reference the console object (and of course, get rid of the alert call). In fact, I wrote this code initially and tested it on Node.js.

Upvotes: 2

eds1999
eds1999

Reputation: 1058

It's really the same solution some others have given, but I believe this is the most elegant and least hacky way to accomplish this. The spread syntax (...args) makes sure not a single argument is lost. 

var _console={...console}

console.log = function(...args) {
    var msg = {...args}[0];
    //YOUR_CODE
    _console.log(...args);
}

Upvotes: 6

ekerner
ekerner

Reputation: 5840

// 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');

I noted that the above use of Array.prototype.unshift.call by nitesh is a better way to add the 'Verbose:' tag.

Upvotes: 1

Nitesh singh
Nitesh singh

Reputation: 943

You Can Also add log Time in This Way :

added Momentjs or use New Date() instead of 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);
};

Upvotes: 4

Sergey Ilinsky
Sergey Ilinsky

Reputation: 31535

Try following:

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

Upvotes: 47

Related Questions