Sintaxe do JavaScript

A sintaxe do JavaScript é um conjunto de regras que define a estrutura correta de um programa JavaScript.

Variáveis do JavaScript

Em uma linguagem de programação, as variáveis são usadas para armazenar valores de dados.

As variáveis do JavaScript não têm tipo adicional pads, qualquer valor pode ser armazenado em qualquer variável.

pode ser usadoletpara variáveis de nível de função),varouconstdeclarar variáveis (para constantes imutáveis).

O sinal de igual é usado para atribuir valores às variáveis.

Neste exemplo,numé definido como uma variável. Em seguida, paranumAtribuição20:

var num;
num =　20;

Operadores JavaScript

JavaScript usa operadores aritméticos (+ - * /) calcular o valor.

(20　+　30)　*　10

JavaScript usa o operador de atribuição (=) para atribuir valores às variáveis.

var x =　20;
var y =　30;
var z = x　+　y;

Você aprenderá mais sobre operadores na parte posterior deste tutorial.

Identificador JavaScript

O nome de uma variável, função ou atributo é chamado deIdentificador.

Como qualquer outro linguagem de programação, JavaScript reserva alguns identificadores para uso próprio.

JavaScript também reserva alguns palavras-chave, que não são usadas na versão atual do idioma, mas que serão usadas em futuras extensões do JavaScript.

Os identificadores JavaScript devem começar com uma letra, sublinhado (_) ou símbolo dólar ($).

Os caracteres subsequentes podem ser letras, números, sublinhados ou o símbolo dólar ($). Os números não são permitidos como caractere inicial, para que o JavaScript possa distinguir facilmente identificadores de números.

Comentários JavaScript

Os comentários são apenas uma linha de texto, e o analisador JavaScript ignora essa linha completamente.

Comentários são geralmente adicionados para fornecer informações adicionais relacionadas ao código-fonte.

JavaScript suporta comentários de uma linha e de múltiplas linhas.

Os comentários de uma linha começam com duas barras invertidas (//Fim do bloco, seguido do texto do comentário.

//　document.write("Hello World");

Enquanto isso, os comentários de múltiplas linhas começam com uma barra invertida e um asterisco (/*Começa com um asterisco e uma barra invertida (*/Fim do bloco.

/*
document.write("Hello World<br>");
document.write("Hello World<br>");
document.write("Hello World<br>");
document.write("Hello World");
*/

Você aprenderá mais sobre comentários na parte posterior deste tutorial.

JavaScript diferencia maiúsculas e minúsculas

Todos os identificadores JavaScript diferenciam maiúsculas e minúsculas.

As variáveis myVariable e myvariable são variáveis diferentes:

var myVariable =　1;
var myvariable =　2;

JavaScript e camelCase

O convénio para identificadores JavaScript é usar camelCase (nominação em forma de camelo), o que significa que a primeira palavra é em minúsculas, mas cada palavra subsequente começa com uma letra maiúscula.

getElementById();
firstElementChild;
textContent;
innerHTML;

Você pode ver também variáveis globais ou constantes escritas em maiúsculas.

Math.PI;

Indentação JavaScript

Técnicamente, um programa completo JavaScript pode ser escrito em uma linha.

Mas, isso logo se tornará difícil de ler e manter. Em vez disso, geralmente usamos quebras de linha e indentação, facilitando a manutenção e leitura.

Este é um if condicional / Exemplo de sentença else, que pode ser escrita em uma linha ou com quebras de linha e indentação.

　//　Sentença condicional escrita em uma linha
　if (x ===　1) {　/*　execute code if true　*/　} else {　/*　execute code if false　*/　}
　
　//　Sentença condicional com indentação
　if (x ===　1) {
　　//　execute code if true
　} else {
　　//　execute code if false
　}

Atenção, qualquer código contido em um bloco deve estar indentado. A indentação pode ser feita com dois espaços, quatro espaços ou com tabulações.