Resumo : neste tutorial, você aprenderá sobre a sintaxe JavaScript, incluindo espaços em branco, instruções, identificadores, comentários, expressões e palavras-chave.
Espaço em branco
Espaço em branco refere-se a caracteres que fornecem espaço entre outros caracteres. JavaScript possui o seguinte espaço em branco:
- Retorno de transporte
- Espaço
- Nova linha
- aba
O mecanismo JavaScript ignora espaços em branco. No entanto, você pode usar espaços em branco para formatar o código para facilitar a leitura e a manutenção.
O seguinte código JavaScript não usa espaços em branco:
let formatted = true; if (formatted) {console.log('The code is easy to read');}
Linguagem de código: JavaScript ( javascript )
É equivalente ao código a seguir que usa espaços em branco. Portanto, este código é muito mais fácil de ler:
let formatted = true;
if (formatted) {
console.log('The code is easy to read');
}
Linguagem de código: JavaScript ( javascript )
Observe que os empacotadores JavaScript removem todos os espaços em branco dos arquivos JavaScript e os colocam em um único arquivo para implantação. Ao fazer isso, os empacotadores JavaScript tornam o código JavaScript mais leve e rápido para carregar em navegadores da web.
Declarações
Uma instrução é um trecho de código que declara uma variável ou instrui o mecanismo JavaScript a executar uma tarefa. Uma declaração simples é concluída por um ponto e vírgula ( ;
).
Embora o ponto e vírgula ( ;
) seja opcional; você deve sempre usá-lo para encerrar uma instrução.
Por exemplo, o seguinte declara uma variável e a mostra no console:
let message = "Welcome to JavaScript";
console.log(message);
Linguagem de código: JavaScript ( javascript )
Blocos
Um bloco é uma sequência de zero ou mais instruções simples. Um bloco é delimitado por um par de chaves {}
. Por exemplo:
if (window.localStorage) {
console.log('The local storage is supported');
}
Linguagem de código: JavaScript ( javascript )
Identificadores
Um identificador é um nome que você escolhe para variáveis, parâmetros, funções , classes, etc.
Um nome de identificador começa com uma letra ( a-z
, ou A-Z
), um sublinhado ( _
) ou um cifrão ( $
) e é seguido por uma sequência de caracteres incluindo ( a-z
, A-Z
), números ( 0-9
), sublinhados ( _
) e cifrões ( $
).
Observe que a letra não está limitada ao conjunto de caracteres ASCII e pode incluir ASCII estendido ou Unicode, embora não seja recomendado.
Os identificadores em JavaScript diferenciam maiúsculas de minúsculas. Por exemplo, o message
é diferente do Message
.
Comentários
Os comentários permitem incluir notas ou dicas no código JavaScript. Ao executar o código, o mecanismo JavaScript ignora os comentários.
JavaScript oferece suporte a comentários de linha única e em bloco.
Comentários de linha única
Um comentário de linha única começa com duas barras ( //
). Transforma todo o texto seguinte //
na mesma linha em um comentário. Por exemplo:
// this is a single-line comment
Linguagem de código: JSON/JSON com comentários ( json )
Bloquear comentários
Um comentário delimitado começa com uma barra e um asterisco /*
e termina com o oposto, */
como no exemplo a seguir:
/* This is a block comment
that can span multiple lines */
Linguagem de código: JSON/JSON com comentários ( json )
Expressões
Uma expressão é um trecho de código que é avaliado como um valor. Por exemplo:
2 + 1
A expressão acima retorna três.
Palavras-chave e palavras reservadas
JavaScript define uma lista de palavras-chave reservadas que possuem usos específicos. Conseqüentemente, você não pode usar palavras-chave reservadas como identificadores ou nomes de propriedades devido às regras do idioma.
A tabela a seguir exibe as palavras reservadas do JavaScript conforme definidas no ECMA-262:
break |
case |
catch |
continue |
debugger |
default |
else |
export |
extends |
function |
if |
import |
new |
return |
super |
throw |
try |
null |
void |
while |
with |
class |
delete |
finally |
|
switch |
typeof |
yield |
const |
do |
for |
instanceof |
this |
var |
Além das palavras-chave reservadas, ECMA-252 também define uma lista de futuras palavras reservadas que não podem ser usadas como identificadores ou nomes de propriedades:
enum |
implements |
let |
protected |
private |
public |
await |
interface |
package |
implements |
public |
Resumo
- Use espaços em branco, incluindo retorno de carro, espaço, nova linha e tabulação para formatar o código. O mecanismo JavaScript desconsidera espaços em branco.
- Use um ponto e vírgula (
;
) para encerrar uma instrução simples. - Use chaves (
{}
) para criar um bloco que agrupe uma ou mais instruções simples. - Um comentário de linha única começa com
//
seguido de texto, enquanto um comentário em bloco começa/*
e termina com*/
. O mecanismo JavaScript ignora comentários. - Identificadores são nomes que você escolhe para variáveis, funções, classes e assim por diante.
- Evite usar palavras-chave reservadas para identificadores.