Constantes e variáveis são ponteiros - ou apontadores - de dados na memória, declaradas com as palavras reservadas const ou var e o nome de um identificador. Opcionalmente podem receber valor no momento de sua declaração.

var x;              // x   === undefined
var dez = 10;       // dez === 1-
const pi = 3.1416;  // pi  === 3.1416

A diferença entre constantes e variáveis é que as constantes não podem ser alteradas depois de declaradas.

Quando falamos que uma variável "recebe" um valor, na verdade recebe o endereço na memória do dado alocado.

Quando uma constante ou variável recebe um valor, este valor é armazenado na memória e a variável passa a apontar para seu endereço.

No exemplo a seguir x, y e z são variáveis que apontam para dados na memória.

var x = 5;      
// o dado numérico com valor 5 
// é alocado na memória e o endereço 
// é atribuido ao identificador x

var y = 6;
// o dado numérico com valor 6 
// é alocado na memória e o endereço 
// é atribuido ao identificador y

var z = x + y;
// o dado numérico com valor 11 resultante 
// da operação x + y é alocado na memória e
// o endereço é atribuido ao identificador x

Notação Parecida com Álgebra

Na álgebra valores são atribuídos com um identificador algébrico recebendo um valor através do operador de atribuição igual (=).

x = 10;
y = "texto";

Variáveis declaradas só com a atribuição de valor se tornam globais. No javascript são utilizadas as palavras-chave const ou var para tornar a declaração local.

function f() { // declaração da função f()
   x = 10;     // declaração da variável x dentro do corpo de f com escopo global
   var y = 50; // declaração da variável y dentro do corpo de f com escopo local
}

f(); // execução da função f()

alert(x); // mostra 10, x permanece neste escopo
alert(y); // mostra undefined, y não permanece neste escopo

Os valores atribuídos podem ser literais ou expressões.

const preco = 5;                // preco === 5, não pode ser alterado
const quantidade = 6;           // quantidade === 6, pode ser alterado
var total = preco * quantidade; // total recebe o resultado da multiplicação, o valor
                                // pode ser alterado em outras partes do código

Identificadores

As constantes e variáveis devem ter com um nome que seja exclusivo, chamados de identificadores.

Os nomes dos identificadores podem abreviados (como x e y) ou descritivos (idade, soma, volumeTotal), ao critério do programador.

As regras gerais para a construção de nomes para variáveis (identificadores exclusivos) são:

Os nomes podem conter letras, dígitos, sublinhados e cifrões.
Os nomes devem começar com uma letra, sublinhado ou cifrão.
Os nomes diferenciam maiúsculas de minúsculas (y e Y identificadores diferentes de variáveis).
Palavras reservadas não podem ser usadas como identificadores.

Operador de Atribuição =

No javascript o sinal igual (=) tem utilização diferente da álgebra, é operador de atribuição apenas. Não é utilizado como o operador de comparação ("igual a"), sendo para isso utilizados os operadores de comparação == e ===.

No JavaScript a utilização do operador de atribuição = faz sentido: por exemplo na atribuição do valor de x + 5 a x.

var x = 10;
x = x + 5

A variável x é criada com o valor 10, avalia-se o valor de x + 5, e o resultado é atribuído em x (o valor de x é incrementado em 5).

Os operadores de comparação igual a em JavaScript são os símbolos == (força valores serem apenas iguais) e === (força valores serem iguais e terem mesmo tipo de objeto).

Tipos de Dados

As variáveis podem conter números como 100 e valores de texto como "João José".

Na programação, os valores de texto são chamados strings, um estrangeirismo para cordas, e que será utilizado no tutorial.

Na programação strings, ou cordas, são cadeias com textos.

O JavaScript pode lidar com muitos tipos de dados, mas, por enquanto, pense apenas em números e textos.

As strings são escritas entre aspas duplas ou simples. Os números são escritos sem aspas.

Se você colocar um número entre aspas, ele será tratado como uma sequência de texto, embora em operações possa ser convertido para valor numérico.

var pi = 3.14;
var pessoa = "João José";
var resposta = 'Sim, o dia está bonito!';

Declaração de Variáveis

Variáveis são apontadores dos dados e objetos criados pelo interpretador.

A declaração de uma variável é feita com a palavra-chave var seguida do nome da variável:

var nomeVariavel;

Após a declaração, a variável não tem valor, assumindo o valor indefinido (tipo "undefined").

Para atribuir um valor à variável, use o sinal de atribuição = (igual):

nomeCarro = "Volvo"; // Variável nomeCarro criada anteriormente

A variável pode ser declarada com a atribuição de valor:

var nomeCarro = "Volvo";

No exemplo a seguir a variável nomeCarro recebe o valor "Volvo". Em seguida este valor é atribuído ao parágrafo-html com id = "demo".

<p id="demo"></p>
<script>
var nomeCarro = "Volvo";
document.getElementById("demo").innerHTML = nomeCarro;
</script>

É uma boa prática de programação declarar todas as variáveis no início de um script.

Declaração Múltipla

Várias variáveis podem ser declaradas com uma única instrução.

Após a declaração da palavra-reservada var as variáveis são declaradas separadas por vírgula:

var pessoa = "João José", nomeCarro = "Volvo", preco = 200;

As quebras de linha são utilizadas apenas na separação de tokens e a declaração pode abranger várias linhas.

var pessoa = "João José",
nomeCarro = "Volvo",
preco = 200;

Tokens são cada palavra-reservada, identificador, operadores de atribuição, de aritmética, de lógica, etc.

Na instrução abaixo "var", "x", "=", "6", "*", "5", e ";" são tokens.

var x = 6 * 5;

Valores Indefinidos (undefined).

Nos programas de computado, as variáveis são frequentemente declaradas sem valor inicialmente atribuído.

O valor pode ser atribuído a partir de um cálculo ou entrada de dados, por exemplo.

Uma variável declarada sem atribuição de valor assume o valor indefinido, do tipo undefined.

No exemplo a seguir a variável nomeCarro assumirá o valor undefined (indefinido) após a sua declaração sem atribuição de valor.

var nomeCarro; // nomeCarro === undefined

Redeclaração de Variáveis

Uma variável sendo declarada novamente não perde o valor atual.

No exemplo a seguir a variável nomeCarro mantem o valor "Volvo" após a execução das instruções.

var nomeCarro = "Volvo";
var nomeCarro;

Aritmética

Como na álgebra, você pode fazer aritmética com variáveis , usando operadores aritméticos como o de adição +.

var x = 5 + 2 + 3; // x === 10

Criando-se a variável com a “soma” de strings elas serão concatenadas:

var x = "5" + 2 + 3;

Se você colocar um número entre aspas, o restante dos números será tratado como sequência e concatenado:

var x = 2 + 3 + "5"; // x = "55"