Shortcut to console.log

Sometimes, I'm just lazy to type '˜console.log'˜ to print some data on the Firebug console. I often wanted to have a simple echo() function that spits whatever it gets to the console.

So, in every single JavaScript project I work on, I used to have this utility method:

function echo(obj){
  console.log(obj);
}
...
echo('Hello World');

It worked well. But there was a problem. The printed message on the console will always show the line number of console.log  as the source line number instead of showing the where exactly the echo() function is invoked.

There's another way to solve this. Instead of creating a new echo() method, I just need to bind it to the existing console.log() to a variable and the logging works like a charm. Like this,

window.echo = console.log.bind(console);
window.oops = console.error.bind(console);
...
echo('hello world');
...
oops('I did it again');

The the methods became shorter and the correct line numbers printed on the console!

Chat with the Author

This post was written by Veera, a software developer by profession and a maker by passion.

You will be taken to twitter.com where you can edit the tweet before posting.

If you liked my writing, you may like my products