Share This Post

Share on facebook
Share on linkedin
Share on twitter
Share on email

In this article i’d like to share my experience of using some console features for debugging purposes. Let’s start with the definition what is a console?

Console – is a browsers built-in debugger. Obviously you know about it using console.log a lot. But what if I tell you that behind the console there are more then you can realized. Just running **console.log(console)** will show you a lot of methods that can be using along with console.

**console.assert()**

Writes an error message if the assertion is false. If the assertion is true, nothing happens.


let userLogged = true
console.log('user logged:' + userLogged)
console.assert(userLogged, '1  user is not logged')
userLogged = false
console.log('user logged:' + userLogged)
console.assert(userLogged, '2 user is not logged')

assert

**console.clear()**

To clear the console.

**console.table()**

Displays tabular data as a table.


function employee (name, profession) {
  this.name = name
  this.profession = profession
}
let james = new employee('James', 'Developer')
console.table(james)

table

table2

**console.group()**

To group things together with a label.

group

**console.groupCollapsed()**

The same as group, but creates the new block collapsed.

**console.count()**

Logs the number of times that this particular call to count has been called.


console.count('test'); // "test: 1"
console.count('js'); //"js: 1"
console.count('test'); //"test: 2"

**console.countReset()**

To reset a counter for a label.

**console.time()**

Also you can keep track the amount of time between your console.logs by using **console.time()**

It will start the timer, and then calling **console.timelog()** will log the amount of time elapsed since last timer started. And **console.timeEnd()** to stop the timer.

time

Using string substitutions passing a string to one of the console object’s methods that accepts a string (**%s** outputs as string)

string

Pass **%c** to console to apply CSS style.

css

And don’t forget about **console.error()**, which will print an error to the console.

error

Leave a Reply

Your email address will not be published. Required fields are marked *

Subscribe To Our Newsletter

Get updates from our latest tech findings

About Apiumhub

Apiumhub brings together a community of software developers & architects to help you transform your idea into a powerful and scalable product. Our Tech Hub specialises in Software ArchitectureWeb Development & Mobile App Development. Here we share with you industry tips & best practices, based on our experience.

Popular posts​
Free PDF with Software Architecture Interviews

Have a challenging project?

We Can Work On It Together