Variáveis e Constantes - JavaScript

Para armazenar dados em um programa, são utilizadas variáveis e constantes. Variáveis são destinadas a armazenar dados temporários ou dados que podem mudar durante a execução do programa. Constantes, por outro lado, são destinadas a armazenar dados imutáveis, cujo valor deve permanecer constante ao longo de todo o programa.

Declaração de Variáveis

Para criar variáveis, são utilizados os operadores var e let. Por exemplo, vamos declarar a variável username:

var username;

A declaração de uma variável representa uma instrução separada e, portanto, é finalizada com ponto e vírgula.

Definição semelhante de variável usando o operador let:

let username;

Cada variável tem um nome. O nome é um conjunto arbitrário de caracteres alfanuméricos, sublinhado (_) ou cifrão ($), e os nomes não devem começar com caracteres numéricos. Portanto, podemos usar letras, números, sublinhado e cifrão no nome. No entanto, todos os outros caracteres são proibidos.

Por exemplo, nomes de variáveis corretos:

$commision
someVariable
product_Store
income2
myIncome_from_deposit

Os seguintes nomes são incorretos e não podem ser usados:

222lol
@someVariable
my%percent

Além disso, as variáveis não devem ter nomes que coincidam com palavras-chave reservadas. Em JavaScript, não há muitas palavras-chave, então esta regra não é difícil de seguir. Por exemplo, o seguinte nome seria incorreto, pois for é uma palavra-chave em JavaScript:

var for;

Lista de palavras reservadas em JavaScript:

await, break, case, catch, class, const, continue, debugger, default, delete, do, else, enum, export, extends, false, finally, for, function, if, import, in, instanceof, new, null, return, super, switch, this, throw, true, try, typeof, var, void, while, with, yield

Com o desenvolvimento do JavaScript e a adoção de novos padrões de linguagem, a lista de palavras reservadas pode ser expandida, mas, em geral, não são muitas.

Também não é recomendável declarar variáveis com nomes que são semelhantes a variáveis globais existentes. Por exemplo, para imprimir no console, o método console.log() é usado. Aqui console é o nome de um objeto global, e podemos definir uma variável com esse nome.

let console;    // definindo a variável console
console.log("Hello");   // Erro!

Definir a variável console resultará na redefinição do objeto global homônimo console, e ao chamar o método console.log() nos depararemos com um erro.

Existem poucos objetos globais como console, incluindo alert, blur, close, closed, document, focus, frames, location, navigator, open, screen, window.

Ao nomear variáveis, deve-se considerar que JavaScript é uma linguagem sensível a letras maiúsculas e minúsculas, o que significa que no seguinte código, duas variáveis diferentes são declaradas:

let username;
let userName;

Várias variáveis podem ser definidas de uma vez:

var username, age, height;
let a, b, c;

Atribuição de Valor a uma Variável

Após definir uma variável, você pode atribuir um valor a ela. Para isso, usa-se o operador de atribuição (=):

var username;
username = "Tom";

Nesse caso, a variável username armazenará a string "Tom". Após atribuir um valor à variável, podemos fazer algo com esse valor, por exemplo, exibi-lo no console:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Programício</title>
</head>
<body>
<script>
let username;           // Definição da variável username
username = "Tom";       // Atribuição de valor à variável
console.log(username);  // Exibindo o valor da variável username no console
</script>
</body>
</html>

Podemos atribuir imediatamente um valor à variável no momento da sua definição:

var username = "Tom";
let userage = 37;

O processo de atribuir um valor inicial à variável é chamado de inicialização. Vale ressaltar que uma variável foi definida usando let enquanto a outra com var. Especificamente neste caso não faz diferença, e poderíamos ter definido ambas as variáveis com let ou var. No entanto, geralmente existem diferenças entre let e var, que serão discutidas em um dos próximos artigos.

Podemos inicializar várias variáveis ao mesmo tempo:

let name1 = "Tom", name2 = "Bob", name3 = "Sam";
console.log(name1); // Tom
console.log(name2); // Bob
console.log(name3); // Sam

JavaScript permite algumas liberdades na definição de variáveis. Assim, podemos NÃO usar as palavras-chave let ou var:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Programício</title>
</head>
<body>
<script>
username = "Tom"; // sem erro, ok
console.log(username);  // Tom
</script> 
</body>
</html>

Embora possamos fazer isso, não é o método mais recomendado. Em um dos próximos artigos, veremos quais problemas podemos encontrar com essa abordagem.

Mudança de Variáveis

Uma característica distintiva das variáveis é que podemos mudar seus valores:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Programício</title>
</head>
<body>
<script>
let username = "Tom";
console.log("username antes da mudança:", username);
username = "Bob";
console.log("username após a mudança:", username);
</script>
</body>
</html>

Constantes

Com a palavra-chave const você pode definir uma constante que, como uma variável, armazena um valor, mas esse valor não pode ser alterado.

Se tentarmos mudar seu valor, encontraremos um erro:

const username = "Tom";
username = "Bob";   // erro, username é uma constante, portanto seu valor não pode ser alterado

Também vale a pena notar que, como não podemos mudar o valor de uma constante, ela deve ser inicializada, ou seja, quando definida, deve ser fornecido um valor inicial. Se não fizermos isso, encontraremos novamente um erro:

const username; // erro, username não foi inicializado

Quando usar variáveis e quando usar constantes? Se você tem certeza de que o valor não mudará durante o programa, então esse valor deve ser definido como uma constante. Se não for certo se o valor mudará ou não, é recomendável definir o valor como uma constante. E se mais tarde for necessário alterá-lo, basta mudar a definição do valor de const para var/let.