JavaScript Console commands other than console.log()

Sanchithasr - Dec 3 '20 - - Dev Community

Tired of using console.log() for everything while debugging your code? We often print the messages in browser console to debug the wired problems in our codes. But why use only console.log() when we have lot of other commands as well which could make our lives easier.
So here are few console commands we could make use to make our debugging process lot easier.


1. console.error() —

Sends message to the console window. The message text is red and prefaced by an error symbol.

Alt text of image

2. console.warn() —

ends message to the console window, prefaced by a warning symbol.

Alt text of image

3. console.table() — 

Displays the JSON / Array in table format which is easier to read.

Alt text of image

4. console.group() and console.groupEnd() —

console.group() and console.groupEnd() are used to group the messages.

Alt text of image

NOTE: The console.groupCollapsed( ) can be used instead of console.group() to make it appear in a collapsed view by default.

5. console.dir() —

It displays the JSON in an object visualizer. Makes it easier to inspect properties in the console window.
Alt text of image

6. console.assert(expression, message)—

Sends a message to the console window if expression evaluates to false.
Alt text of image

7. console.time(‘name’) and console.timeEnd(‘name’) — 

These are used to track time of the codes between them to get executed. It calculates the time that elapses between time and timeEnd, and sends the result (measured in ms) to the console using the name string as a prefix.
Alt text of image

8. console.clear() — 

This command is used to clear the console messages. Just run this command and your console will be clear as new.

And that sums it up..

Thank you

. . . . . . . . . . . . . . . . . . . .
Terabox Video Player