Why you should Stop using console.log() in JavaScript

Why you should Stop using console.log() in JavaScript

Are you a JavaScript developer who uses console.log() often to debug your code? There is nothing wrong in it. But if you are unaware, there are so many other methods of console object which are quite amazing. In this article, I would like to explain the effective usage of these methods. In this tutorial, you'll discuss Why you should Stop using console.log() in JavaScript

You may also like ☞ Why you should Stop using the ‘else’ keyword in JavaScript

Are you a JavaScript developer who uses console.log() often to debug your code? There is nothing wrong in it. But if you are unaware, there are so many other methods of console object which are quite amazing. In this article, I would like to explain the effective usage of these methods.

Why Is console Object Used?

The console object in JavaScript provides access to the browser debugging console, where you can print values of the variables which you’ve used in your code. Oftentimes, this can be used to debug if the right value is being passed in your code.

I’m pretty sure most of us developers have used console.log() to print values in our browser console. log is just one method of the console object. There are several other methods that are very useful.

1. console.log()

This method is mainly used to print the value passed to it to the console. Any type can be used inside the log(), be it a string, array, object, boolean etc.

Example

console.log('JavaScript');
console.log(7);
console.log(true);
console.log(null);
console.log(undefined);
console.log([1, 2, 3]);
console.log({a: 1, b: 2, c: 3});

Image for post

Output

2. console.error()

This method is useful while testing code. It is used to log errors to the browser console. By default, the error message will be highlighted with red color.

Example

console.error('Error found');

Image for post

Output

3. console.warn()

This method is also used to test code. Usually, it helps in throwing warnings to the console. By default, the warning message will be highlighted with yellow color.

Example

console.warn('Warning!');

Image for post

Output

javascript programming

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

Learning JavaScript: Development Environments for JavaScript Programming

One of the nice things about learning JavaScript these days is that there is a plethora of choices for writing and running JavaScript code. In this article, I’m going to describe a few of these environments and show you the environment I’ll be using in this series of articles.

Learning JavaScript: Data Types and Variables

To paraphrase the title of an old computer science textbook, “Algorithms + Data = Programs.” The first step in learning a programming language such as JavaScript is to learn what types of data the language can work with. The second step is to learn how to store that data in variables. In this article I’ll discuss the different types of data you can work with in a JavaScript program and how to create and use variables to store and manipulate that data.

[ Professor JavaScript ]: Introduction

Professor JavaScript is a JavaScript online learning courses YouTube Channel. Students can learn how to develop codes with JavaScript from basic to advanced levels through the online courses in this YouTube channel.

Now Learn JavaScript Programming Language With Microsoft

Microsoft has released a new series of video tutorials on YouTube for novice programmers to get a hands-on renowned programming language — JavaScript.

From imperative to declarative JavaScript

In this post, I will explain why declarative code is better than imperative code. Then I will list some techniques to convert imperative JavaScript to a declarative one in common situations.