Existem dois tipos de sintaxe de declaração de variável em JavaScript que são:
var nome-da-variável = valor-da-variável;
ou
nome-da-variável = valor-da-variável;
Nota: O sinal de igual significa atribuição de valores, isto serve para qualquer linguagem de programação.
Dica: Utilizar a instrução var antes do nome da variável facilita na leitura do código.
Variáveis em JavaScript não possuem tantos recursos como na
linguagem C, por exemplo, onde você tem os tipos de variáveis a serem
declaradas como: int, char, float ... Em JavaScript só temos os
seguintes tipos de variáveis: booleano, constante, null, object e
function. Daqui a pouco falaremos mais sobre elas, primeiro vamos ver
como declaramos números e strings.
Atenção: Perceba a diferença entre a declaração de um número para uma string:
Número:
var valor = 10;
String:
var nome = "André";
Quando declaramos uma string utilizamos aspas duplas (") ou
simples ('). Você pode declarar número utilizando aspas, mas não é
obrigatório.
Agora sim, vamos descrever cada tipo de declaração de variáveis em JavaScript.
Booleanos: Retorna verdadeiro ou falso (true/false). Exemplo:
Constante: Valor que não se altera no decorrer do código. Exemplo:
Atenção: Esse tipo de variável não funciona no Internet Explorer.
Null: A variável é vazia. Exemplo:
Object: São conhecidas como Object Array, que são uma lista de elementos. Exemplo:
Function: Valor retornado de uma expressão. Exemplo:
function exemplo(nome) {
document.write("Meu nome é: " + nome);
}
As variáveis são classificadas em dois tipos, em qualquer
linguagem de programação, que são as globais e as locais. A diferença
entre elas é:
- Variável Global: Criada ou declarada fora de uma função, portanto podem ser utilizadas a qualquer momento no seu script.
- Variável Local: Criada ou declarada dentro de uma função, portanto só podem ser utilizadas dentro da função criada.
Atenção: Variáveis Locais precisam da instrução var.
Veja o código abaixo, para perceber a diferença das duas variáveis na prática:
Neste exemplo temos duas variáveis com o mesmo nome, var nome, uma fora e a outra na função. Veja que a variável que recebe o nome João é global, pois foi criada fora de uma função e depois é executa na tag body. Já a variável que recebe o nome André é local, pois foi criada dentro de uma função e pertence apenas a está função.
Até mais!