JavaScript comments: definitions, types, and examples

If you're a developer or want to be one, you already know how important clean, readable, and well-organized code is. But did you know that your comments can help you achieve your goals? In JavaScript, comments are notes you leave behind to assist yourself and other developers in understanding the purpose and functionality of your code.

In this post, we'll look at the various types of JavaScript comments and when and where to use them. Prepare to take your programming skills to the next level with JavaScript comments!

What are comments in JavaScript?

Comments in JavaScript are lines of code that the interpreter or compiler ignore and are used to provide explanatory or descriptive text about the code. They are a way for developers to document the code and make it easier to understand, especially when working in a team environment.

The word comment refers to a written remark or opinion about anything. And in the world of computer programming, a comment is a piece of text placed within a program that helps other programmers understand the program.

The comments are ignored while executing the program. Therefore, comments are often helpful while debugging the code.

You can use comments for multiple purposes. For example, use comments to:

Types of Comments in JavaScript

There are two types of comments that JavaScript allows. That are:

  1. Single-line comment
  2. Multi-line comment

Single Line Comment in JavaScript

A single-line comment in JavaScript starts with //. That is, anything written after the // on the same line will be treated as a comment. For example:

HTML with JavaScript Code
<!DOCTYPE html>
<html>
<body>
   
   <script>
      console.log("One");
      // console.log("Two");
      console.log("Three");  // console.log("Four");
      console.log("Five");
   </script>
   
</body>
</html>

The snapshot given below shows the sample output produced by the above JavaScript example.

javascript comment example

Multi-line comment in JavaScript

A multi-line comment in JavaScript starts with /* and ends with */. That is, anything between /* and */ will be treated as a comment. For example:

HTML with JavaScript Code
<!DOCTYPE html>
<html>
<body>
   
   <script>
      console.log("One");
       /*
      console.log("Two");
      console.log("Three");
      */
      console.log("Four");  /* console.log("Five"); */
      console.log("Six");   /* console.log("Seven");
      console.log("Eight"); */
      console.log("Nine");
   </script>
   
</body>
</html>

The output produced by this example is:

javascript multiline comment

Comments can be used to explain complex code, describe the purpose of the code, and provide context for future developers who may be working on the same code. They can also be used to disable code temporarily without deleting it, which is useful during testing or debugging.

It is best practice to include comments in code to make it more readable and maintainable. However, it is also critical not to overdo it and clutter the code with unnecessary comments.

JavaScript Online Test


« Previous Tutorial Next Tutorial »


Liked this post? Share it!