Variáveis e valores

Geralmente, nas linguagens de programação, precisamos representar algum tipo de dado, seja uma idade, o nome de uma pessoa, etc.

Portanto, precisamos ter como representar essas informações de alguma maneira!

Para isso, usamos variáveis e valores.

Vamos pensar no caso da idade de uma pessoa.

Uma pessoa pode ter 1 ano de idade, 2 anos, 10, 70 anos… A idade da pessoa, é o valor que queremos representar em nosso programa.

Agora, precisamos guardar a idade da pessoa em algum local, certo? Pois não basta ter o valor 70.

Para isso, usamos variáveis.

Variáveis guardam um valor e possuem um nome, dessa forma, podemos guardar e identificar valores em nossos programas!

Criar um variável em javascript é muito simples, basta você declarar a variável e atribuir (ou não) um valor a ela!

Ok. Declarar variável, pode ter parecido estranho, mas é na parte de declarar que criamos a variável e damos o nome dela. E então, por fim, podemos atribuir um valor à variável!

Um exemplo de variável em javascript:

let a = 10;

Perceba a palavra let. let é uma das formas de declarar uma variável em javascript. Perceba também a letra a, a é o nome da nossa variável. E por fim, 10 é o valor que estamos atribuindo inicialmente pra nossa variável.

Existem 3 formas de declararmos variáveis em javascript: let, const e var. let e var tem efeitos parecidos, porém const é um pouquinho diferente.

Atualmente, é ideal utilizarmos let e const para declarar nossas variáveis, pois evitamos possiveis efeitos colaterais que var pode causar. No nosso tutorial, iremos usar apenas let e const.

Quando declaramos uma variável usando let, essa variável pode ser modificada posteriormente como quisermos, por exemplo:

let a = 10;
a = 15;
a = 15155151;

Perceba o seguinte, usamos let uma vez e depois não usamos mais. Isso é porque sempre declaramos a variável apenas uma única vez, depois podemos usar ela como quisermos.

Se fizessemos o seguinte:

let a = 10;
a = 15;
let a = 15155151;

Teriamos um erro, pois a variável a já foi declarada, portanto, não devemos declarar a novamente.

Ok. Recapitulando: let declara variáveis, e permite alterar o valor da variávei como quisermos. E devemos declarar a variável apenas uma vez.

Agora com const é um pouco diferente. Com const, a variável não pode ter seu valor modificado. O valor que atribuirmos será fixo e não muda mais.

const a = 10;

Nesse caso, a sempre será 10, se fizessemos:

const a = 10;
a = 15;

Isso resultaria em um erro, pois variáveis declaradas com const tem valor fixo.

Variáveis podem ser declaradas com um valor inicial ou não. Se fizermos let a;, podemos posteriormente atribuir um valor pra variavel a, com a = 15. Porém, com const isso não é possível, portanto, quando formos usar const, é interessante atribuir logo um valor inicial, como em const a = 15.

Ok, agora sabemos como criar variáveis, e atribuir valores para nossas variáveis. Pra acessar ou modificar o valor da nossa variável, basta referenciar ela usando o nome dela.

let a = 10;
console.log(a); // mostrando o valor de a

const x = a; // acessando o valor de a

Um detalhe sobre acessar variáveis, é que só podemos acessar o valor de uma variável após ela ter sido declarada anteriormente. O seguinte trecho de código resulta em um erro.

console.log(a); // acessando a antes de declarar a

let a = 10;

Em javascript, temos diversos tipos de valores, o primeiro dele já conhecemos, que é o Number. Number são valores numericos em geral, como 5, 3.14, 1.2345678, 1500. Perceba que valores decimais são separados por . ao invés de uma virgula.

Exemplos de valores do tipo Number.

const PI = 3.14;
let size = 100;
const semesters = 8;
const NOTA_MAXIMA = 10;
let trocoMinimo = 0.05;

Outro tipo de valor é o tipo String. String é usada para textos em geral:

Exemplos de valores do tipo String.

const name = "Javascript";
let versao = "ES6";
let fraseLegal = "Uma frase mt top";

Outro tipo muito comum é o tipo Boolean, que são valores lógicos, portanto podemos ter apenas true ou false.

Valores Boolean em javascript

const verdadeiro = true;
const falso = false;

Existem outros dois tipos de valores: undefined e null.

Por padrão, se não definirmos nenhum valor inicial pra uma variável, ela terá o valor undefined.

Agora, podemos usar o valor null para indicar um valor nulo pra uma variável.

let x; // mesma coisa que fazer let x = undefined;
let b = null; // b está vazio atualmente

As variáveis em Javascript, diferente de algumas linguagens, podem ter valores de tipos diferentes durante a execução do programa.

let a = 10;
a = "10";
a = true;

Existem algumas regras para nomes de variáveis, a documentação da MDN explica elas:

Você usa variáveis como nomes simbólicos para os valores em sua aplicação. O nome das variáveis, chamados de identificadores, obedecem determinadas regras.

Um identificador JavaScript deve começar com uma letra, underline (_), ou cifrão ($); os caracteres subsequentes podem também ser números (0-9). Devido JavaScript ser case-sensitive, letras incluem caracteres de “A” a “Z” (maiúsculos) e caracteres de “a” a “z” (minúsculos).