Do we need to use semicolons in JavaScript?

In JavaScript, semicolons are optional in many cases due to Automatic Semicolon Insertion (ASI). While JavaScript can automatically insert semicolons at line breaks, it's considered good practice to include them explicitly for better code clarity and to avoid potential issues.

How Automatic Semicolon Insertion Works

JavaScript automatically inserts semicolons at the end of statements when certain conditions are met, primarily at line breaks where the code would otherwise be syntactically invalid.

<script>
// Without semicolons - ASI will insert them
let a = 5
let b = 10
console.log(a + b)
</script>

15

When Semicolons Are Required

Semicolons become mandatory when placing multiple statements on a single line:

<script>
// Multiple statements on one line require semicolons
let a = 5; let b = 10; console.log(a + b);
</script>

15

Potential Issues Without Semicolons

Omitting semicolons can lead to unexpected behavior in certain situations:

<script>
// This can cause issues
let result = 1 + 2
[3, 4].forEach(x => console.log(x))

// JavaScript interprets this as:
// let result = 1 + 2[3, 4].forEach(x => console.log(x))
// Which causes an error
</script>

Best Practices

Recommended Approach

<script>
// Explicit semicolons are recommended
let name = "JavaScript";
let version = "ES6";
console.log(`Learning ${name} ${version}`);

// Function declarations don't need semicolons
function greet() {
    return "Hello World";
}

console.log(greet());
</script>

Learning JavaScript ES6
Hello World

Conclusion

While semicolons are optional in JavaScript due to ASI, using them explicitly is recommended for code clarity and to prevent potential parsing issues. This practice makes your code more predictable and easier to maintain.