Utilizar ou não ponto e vírgula no fim das linhas em JavaScript?

Em JavaScript, o uso do ponto e vírgula no final de cada linha é opcional. Isso ocorre porque o motor do JavaScript automaticamente insere ponto e vírgula em determinadas situações.

No entanto, é boa prática adotar o uso consistente do ponto e vírgula no final de cada linha. Embora o JavaScript possa, em alguns casos, adicionar um ponto e vírgula automaticamente, a omissão deliberada pode levar a resultados inesperados e erros.

Considere o seguinte exemplo:

const a = 5
const b = 10
const c = a + b

console.log(c)

Neste exemplo, o código funcionará corretamente mesmo sem o ponto e vírgula no final de cada linha. No entanto, se você decidir adicionar outro código logo abaixo, sem ponto e vírgula, isso poderia gerar um erro:

const a = 5
const b = 10
const c = a + b

console.log(c)

const d = a * b // sem ponto e vírgula aqui

console.log(d)

Nesse caso, o JavaScript interpretará console.log(d)como se fosse a continuação da linha anterior, o que causará um erro de sintaxe.

Portanto, para evitar erros e garantir a clareza do código, é recomendado o uso consistente do ponto e vírgula no final de cada linha. Isso ajuda a tornar o código mais legível e evita problemas com interpretação automática de ponto e vírgula pelo JavaScript.