Utilizar sempre o ;
e eis porque:
JavaScript é uma linguagem que faz declarações ao navegador. O carácter utilizado para separar essas declarações é ;
e o mesmo deve ser sempre utilizado.
O código pode funcionar sem o ponto e vírgula após uma declaração, mas para isso é preciso que exista um fim-de-linha ou uma sintaxe correcta.
Obrigado ao @Gabriel Gartz por alertar para o facto de que qualquer operador lógico, matemático ou delimitação de escopo permite gerar de igual forma a execução do código.
O maior problema advém do facto de que todos nós queremos optimizar os ficheiros descarregados para o navegador, como é o caso dos ficheiros .js
e .css
que para os quais aplicamos compressão (remover quebras de linha, comentários, espaços e tabulações). Nestes casos, se não existir a separação correcta de declarações ao navegador, as mesmas vão ficar interligadas e vão surgir erros de sintaxe.
Vamos ver com exemplos:
Realizar um alerta sem o separador de declarações ;
:
alert("olá")
Corre tudo como esperado, recebemos um alerta.
Realizar dois alertas sem o separador de declarações, mas cada alerta na sua linha separados assim pelo "fim-de-linha":
(r
, n
ou rn
consoante o sistema operativo onde foi criado o ficheiro)
alert("olá")
alert("olá novamente")
Corre tudo como esperado, recebemos dois alertas.
Realizar dois alertas separados com o separador de declarações ;
:
alert("olá"); alert("olá novamente")
Corre tudo como esperado, recebemos dois alertas.
Realizar dois alertas sem a separação declarações ;
e com o código comprimido:
alert("olá")alert("olá novamente")
Não acontece nada e obtemos um erro de script na página:
SyntaxError: missing ; before statement
alert("olá")alert("olá novamente")
Com base na chamada de atenção feita pelo @Gabriel Gartz, pode-se verificar que se a sintaxe estiver correcta, o código é executado sem erros, mesmo se as declarações se encontrarem separadas por outra coisa que não o ;
:
alert('foo')&alert('bar')|alert('zaz')
Vai gerar três alertas conforme esperado.
Inserção automática do ponto e vírgula (;
)
Existem algumas declarações que recebem automaticamente uma inserção de ;
:
Declaração |
Exemplo da Declaração |
empty |
; |
variable |
var a = 1; |
expression |
greeting = "Hello " + name; |
do-while |
do qualquerCoisa while (condição); |
continue |
continue; |
break |
break; |
return |
return; |
throw |
throw "Error2"; |
São declarações que tem obrigatoriamente que ser terminadas com o separador de declaração ;
, razão pela qual recebem a inserção automática do mesmo se ele não for encontrado.
Quais as regras para que isto aconteça:
A leitura do código é realizada da esquerda para a direta. Se for encontrado um símbolo ofensivo que não é permitido em qualquer produção da gramática, ocorre a inserção automática de um ponto e vírgula se uma das seguintes condições for verdadeira:
- O símbolo ofensivo é separado do símbolo anterior em pelo menos um "fim-de-linha";
- O símbolo ofensivo é
}
.
Notas:
A inserção automática de separadores de declarações é um tópico extenso sujeito a muitas regras, mas explica porque é que conseguimos que o código funcione sem utilizar o separador de declarações quando temos um "fim-de-linha" ou uma sintaxe válida.
No caso de ficheiros já comprimidos para suprimir ao máximo os caracteres não necessários, torna-se quase impossível a inserção automática do separador de declarações pois uma das condições em cima apresentadas deixa de estar presente.
Documentação: 7.9 Automatic Semicolon Insertion (Inglês)