Desenvolvimento Front-end Javascript

Conhecendo variáveis e constantes no JavaScript

Neste artigo vamos aprender a declarar e a utilizar constantes e variáveis no JavaScript, entendendo quando definir var, let e const.

há 3 anos 1 mês

Formação Desenvolvedor Especialista Front-end
Conheça a formação em detalhes

Características de tipagem do JavaScript

Primeiramente, devemos citar que a linguagem JavaScript é de tipagem dinâmica, ou seja, não é necessário declarar tipo a uma variável, podendo ser modificada posteriormente.

A própria linguagem de programação, neste caso, tem a habilidade de escolher o tipo de dado de acordo com o valor atribuído a variável.

Em nosso artigo “Quais as diferenças entre tipagens: estática ou dinâmica e forte ou fraca”, explicamos quais os conceitos por tipagem estática e dinâmica e também sobre tipagem fraca e forte. É importante a leitura para você entender como o JavaScript lida com os tipos, principalmente se você está acostumado a programar em uma linguagem com tipagem estática e forte.

JavaScript - Fundamentos
Curso JavaScript - Fundamentos
Conhecer o curso

Tipos de dados do JavaScript

Ao programar em JavaScrpit nós precisamos saber quais os tipos de dados que a linguagem trabalha, os principais tipos de dados primitivos são:

  • Boolean - possuem apenas dois valores: verdadeiro ou falso;
  • Undefined - indica que não foi definido um valor;
  • Null - indica que um valor é nulo;
  • Number - armazena valores numéricos;
  • String - armazena textos;
  • Symbol - armazena símbolos;

Além dos tipos de dados primitivos, nós também temos o tipo object, que possibilita trabalharmos com objetos utilizando JavaScript.

Regras de nomeação de variáveis no JavaScript

Uma das peculiaridades da linguagem JavaScript é que podemos declarar variáveis de duas formas, utilizando var, comum em outras linguagens, ou utilizando let.

Vale ressaltar que por se tratar de uma linguagem de tipagem dinâmica, ao declarar uma variável não é necessário informar o tipo da variável, por exemplo:

var idade = 15;
var nome = 'Marina';
let endereco = 'Av. Central 1';

Ao atribuir o valor 15 para a variável idade, a linguagem já reconhece como uma variável do tipo Number. O mesmo ocorre para a variável nome, ao atribuirmos o valor ‘Marina’ a linguagem reconhece como uma variável do tipo String.

Outras regras devem ser seguidas, como:

  • Não declarar variável com palavras reservadas, como let, var, while, for, etc.
  • Deve conter somente letras, números e underscore.
  • Pode iniciar com uma letra, underscore (_) ou cifrão ($).

Declarando variáveis com var e let no JavaScript

No JavaScript nós temos que nos atentar quando vamos declarar variáveis usando var ou let, pois cada uma possuí diferenças que são importantes.

Antes de tudo precisamos explicar que o JavaScript trabalha com escopos, onde cada bloco (funções, condicionais e estruturas de repetição, por exemplo) é um escopo fechado.

Ao utilizarmos var, ele trabalha de forma independente para cada escopo de função, por exemplo:

var nomeCarro = 'onix';

function carro() {
   var nomeCarro = 'fiesta';
   console.log(nomeCarro);
}

console.log(nomeCarro);

Analisando o código acima percebemos que ao executar a função carro(), iremos obter como resposta a String fiesta. Se executarmos console.log(nomeCarro), vamos obter o nome onix, pois a variável carro só mudou de nome dentro do escopo da função carro().

Usando ‘Var’ no JavaScript

Porém se trabalharmos com um IF por exemplo, a situação muda:

var nomeCarro = 'onix';
var i = 0;

if(i === 0){
	var nomeCarro = 'fiesta';
	console.log(nomeCarro);
}

console.log(nomeCarro);

Neste caso utilizando var sem o efeito de escopo. Portanto, ao executar console.log(nomeCarro) fora do if teremos como retorno a String fiesta e não onix conforme declarado anteriormente.

Usando ‘var’ no JavaScript

React Native - Fundamentos
Curso React Native - Fundamentos
Conhecer o curso

Ou seja, uma variável sendo declarada como var só tem efeito de escopo em função.

Agora se substituirmos o código acima declarando as variáveis como let:

let nomeCarro = 'onix';
var i = 0;

if (i === 0){
	let nomeCarro = 'fiesta';
	console.log(nomeCarro);
}

console.log(nomeCarro);

No caso declaramos a variável nomeCarro dentro do if com o valor fiesta , mas ao executarmos console.log(nomeCarro) fora do if será exibido a string onix.

Desta forma respeitando o escopo do bloco.

Obs: Vale lembrar que let tem o mesmo comportamento de escopo que var se tratando do escopo de funções.

Usando ‘let’ no JavaScript

Declarando constantes

Assim como em outras linguagens, podemos declarar constantes que possuem valores fixos. Também vale ressaltar que as constantes tem o mesmo comportamento que variáveis definidas como let em relação ao escopo de bloco, como vimos no exemplo acima**.**

Na prática podemos utilizar uma constante para atribuir o valor de PI, por exemplo:

const PI = 3.14;

Obs: Por convenção usamos letras maiúsculas separadas por underscore ao declarar uma constante.

Ao tentar alterar o valor da constante, vamos obter o seguinte erro:

Usando Constantes no JavaScript

Conclusão

Neste artigo falamos sobre as características do JavaScript, sendo uma linguagem de tipagem dinâmica. Também aprendemos sobre escopo e, principalmente, sobre a declaração e uso de variáveis e constantes usando as palavras-chave: var, let e const. Aconselho também a leitura de nosso artigo “Como executar o seu primeiro código JavaScript” para iniciar os seus estudos.

Desenvolvedor JavaScript
Formação Desenvolvedor JavaScript
Conhecer a formação

Por fim, caso queira aprender mais sobre JavaScript saiba que aqui na TreinaWeb temos o curso JavaScript - Fundamentos que possui 07h13 de vídeos e um total de 93 exercícios. Conheça também nossos outros cursos de JavaScript.

Veja quais são os tópicos abordados durante o curso de JavaScript - Fundamentos:

  • Como os computadores funcionam;
  • O primeiro código no navegador e no Node.js;
  • Declaração de variáveis e operadores;
  • Tomadas de decisão e laços de repetição;
  • Trabalhando com Numbers, Strings, Arrays, Objects e Functions;
  • Vários exercícios;
  • Vários desafios de programação direto no navegador;
  • Projeto prático para fixar o que foi aprendido.

Autor(a) do artigo

Wesley Gado
Wesley Gado

Formado em Análise e Desenvolvimento de Sistemas pelo Instituto Federal de São Paulo, atuou em projetos como desenvolvedor Front-End. Nas horas vagas grava Podcast e arrisca uns três acordes no violão.

Todos os artigos

Artigos relacionados Ver todos