Variáveis e tipos de dados em JavaScript: var, let e const

Neste capítulo vamos ver as bases da gestão de variáveis e de tipos de dados em JavaScript: como declarar e usar uma variável, que tipos de dados estão disponíveis e como manipulá-los. Perceber estas bases é essencial para escreveres código eficaz e fácil de manter em JavaScript.

Declarar variáveis em JavaScript

Em JavaScript, uma variável é um contentor capaz de guardar um valor. Para declarares uma variável, usas a sintaxe seguinte:

let maVariable;

Isto declara uma variável chamada «maVariable» que ainda não tem valor. Também podes declarar uma variável e atribuir-lhe logo um valor inicial com o operador de atribuição (=):

let maVariable = 5;

Em JavaScript existem três palavras-chave para declarar variáveis: var, let e const. A palavra-chave var é a mais antiga e acompanha a linguagem desde o início. A palavra-chave let chegou com a norma ECMAScript 6 (ES6) e tornou-se a forma recomendada de declarar variáveis. A palavra-chave const, também introduzida no ES6, serve para declarar variáveis que não podem ser reatribuídas depois de definido o valor inicial.

É importante escolher a palavra-chave de declaração adequada em função do uso previsto da variável. Se prevê reatribuir um valor à variável (por exemplo, incrementá-la ou decrementá-la), use a palavra-chave let. Se quer que a variável tenha um valor constante que não possa ser modificado, use a palavra-chave const. A palavra-chave var, por sua vez, ignora o âmbito de bloco: uma variável var declarada dentro de um if ou de um ciclo continua visível em toda a função que a contém, ou em todo o script se for declarada fora de uma função. É uma fonte de erros difíceis de detetar: reserve-a para código antigo.

Tipos de dados em JavaScript

Em JavaScript existem vários tipos de dados que podes guardar nas tuas variáveis:

• Números: o JavaScript usa um único tipo de dados para os números, que tanto pode ser um inteiro como um número de vírgula flutuante. Declaras uma variável que contém um número com a sintaxe seguinte:

let maVariable = 5;

• Strings: uma string é uma sequência de caracteres delimitada por aspas. Podes usar aspas simples ou duplas, mas convém preferires as aspas simples para evitares confusões com os apóstrofos. Declaras uma variável que contém uma string com a sintaxe seguinte:

let maChaine = 'Ma variable est une chaine de caractères';

let maChaine = 'Chaque matin, j\'écoute la radio';
// ou, mais legível: aspas duplas
let maChaine2 = "Chaque matin, j'écoute la radio";

• Booleanos: um booleano é um tipo de dados que só pode ser verdadeiro ou falso. Declaras uma variável booleana com a sintaxe seguinte:

let estVrai = true;

• Null e undefined: a palavra-chave null representa um valor vazio intencional, ao passo que undefined representa um valor não definido. Estes valores servem muitas vezes para indicar que uma variável ainda não foi inicializada ou que não tem um valor válido. Declaras uma variável com o valor null ou undefined com a sintaxe seguinte:

let maVariable = null;
let monAutreVariable = undefined;

Variáveis globais e locais

Em JavaScript, uma variável declarada fora de todas as funções chama-se variável global e fica acessível a partir de qualquer ponto do código. Uma variável declarada dentro de uma função chama-se variável local e só é acessível dentro dessa função.

// Variável global
var globalVariable = "Je suis une variable globale";

function myFunction() {
  // Variável local
  var localVariable = "Je suis une variable locale";

console.log(globalVariable); // Mostra "Je suis une variable globale"
  console.log(localVariable); // Mostra "Je suis une variable locale"
}

console.log(globalVariable); // Mostra "Je suis une variable globale"
console.log(localVariable); // Mostra um erro porque a variável não está acessível fora da função

Conclusão

Neste capítulo vimos como declarar e usar variáveis em JavaScript, que tipos de dados estão disponíveis e como manipulá-los. Vimos também as diferenças entre as palavras-chave var, let e const, bem como os conceitos de variáveis globais e locais. Com estas bases, já estás pronto para usar variáveis com eficácia nos teus projetos em JavaScript.