Declarações JavaScript
Exemplo
let x, y, z; // Statement 1
x = 5; // Statement 2
y = 6; // Statement 3
z = x + y; // Statement 4
Programas JavaScript
Um programa de computador é uma lista de "instruções" a serem "executadas" por um computador.
Em uma linguagem de programação, essas instruções de programação são chamadas de instruções .
Um programa JavaScript é uma lista de instruções de programação .
Em HTML, os programas JavaScript são executados pelo navegador da web.
Declarações JavaScript
As instruções JavaScript são compostas por:
Valores, Operadores, Expressões, Palavras-chave e Comentários.
Esta instrução diz ao navegador para escrever "Hello Dolly". dentro de um elemento HTML com id="demo":
Exemplo
document.getElementById("demo").innerHTML = "Hello Dolly.";
A maioria dos programas JavaScript contém muitas instruções JavaScript.
As instruções são executadas, uma a uma, na mesma ordem em que são escritas.
Programas JavaScript (e instruções JavaScript) são frequentemente chamados de código JavaScript.
Pontos e vírgulas;
Pontos e vírgulas separam as instruções JavaScript.
Adicione um ponto e vírgula no final de cada instrução executável:
Exemplos
let a, b, c; // Declare 3 variables
a = 5; // Assign the value 5 to a
b = 6; // Assign the
value 6 to b
c = a + b; // Assign the sum of a and b to c
Quando separados por ponto e vírgula, várias instruções em uma linha são permitidas:
a = 5; b = 6; c = a + b;
Na web, você pode ver exemplos sem ponto e vírgula.
Terminar declarações com ponto e vírgula não é obrigatório, mas é altamente recomendado.
Espaço em branco do JavaScript
JavaScript ignora vários espaços. Você pode adicionar espaço em branco ao seu script para torná-lo mais legível.
As seguintes linhas são equivalentes:
let person = "Hege";
let person="Hege";
Uma boa prática é colocar espaços em volta dos operadores ( = + - * / ):
let x = y + z;
Comprimento de linha JavaScript e quebras de linha
Para melhor legibilidade, os programadores geralmente preferem evitar linhas de código com mais de 80 caracteres.
Se uma instrução JavaScript não couber em uma linha, o melhor lugar para quebrá-la é depois de um operador:
Exemplo
document.getElementById("demo").innerHTML =
"Hello Dolly!";
Blocos de código JavaScript
As instruções JavaScript podem ser agrupadas em blocos de código, dentro de chaves {...}.
O objetivo dos blocos de código é definir instruções a serem executadas em conjunto.
Um lugar onde você encontrará instruções agrupadas em blocos é nas funções JavaScript:
Exemplo
function myFunction() {
document.getElementById("demo1").innerHTML = "Hello Dolly!";
document.getElementById("demo2").innerHTML = "How are you?";
}
Neste tutorial usamos 2 espaços de recuo para blocos de código.
Você aprenderá mais sobre funções posteriormente neste tutorial.
Palavras-chave JavaScript
As instruções JavaScript geralmente começam com uma palavra- chave para identificar a ação JavaScript a ser executada.
Nossa referência de palavras reservadas lista todas as palavras-chave JavaScript.
Aqui está uma lista de algumas das palavras-chave que você aprenderá neste tutorial:
| Palavra-chave | Descrição |
|---|---|
| var | Declara uma variável |
| let | Declara uma variável de bloco |
| const | Declara uma constante de bloco |
| if | Marca um bloco de instruções a serem executadas em uma condição |
| switch | Marca um bloco de instruções a serem executadas em diferentes casos |
| for | Marca um bloco de instruções a serem executadas em um loop |
| function | Declara uma função |
| return | Sai de uma função |
| try | Implementa o tratamento de erros para um bloco de instruções |
Palavras-chave JavaScript são palavras reservadas. Palavras reservadas não podem ser usadas como nomes para variáveis.