Sintaxe JavaScript

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 commentLinguagem 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
in	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.