Categorias
Artigos JavaScript

Qual a diferença entre const, var e let?

Variáveis em JavaScript

Em computação, uma variável é um nome associado a um espaço na memória utilizado para armazenar dados durante o desenvolvimento de software.

Para declarar uma variável podemos usar uma palavra-chave de declaração seguido do nome. Em JavaScript variáveis são case-sensitive, isto é, nomes escritos em letras maiúsculas são diferentes dos correspondentes em letras minúsculas. Nomes de variáveis devem iniciar preferencialmente com uma letra, ou com um dos símbolos: “_” ou “$”. Após a primeira letra, pode-se utilizar números ou ainda quaisquer caracteres Unicode (sim, podemos usar acentos e cedilha para nomear variáveis JavaScript, apesar de que recomendamos o uso de caracteres ASCII, o que inclui letras, números e “_” sublinhado).

Note que podemos declarar uma variável simplesmente escrevendo seu nome e atribuindo um valor a ela:

x = 10;

Essa forma cria uma variável global, o que não é recomendado (https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Guide/Grammar_and_Types). A melhor forma de armazenar dados na memória é usando uma das palavras-chave de declaração.

let, const, var

Há três formas de declaração no JavaScript: var, let e const.

  • var: declara uma variável global;

var x = 10;

  • let: declara uma variável de escopo;

let x = 10;

  • const: declara uma constante (ou seja, somente leitura).

const x = 10;

Observe a diferença entre var e let:

var

let

Interface gráfica do usuário, Texto, Aplicativo

Descrição gerada automaticamente

Nesse exemplo, o valor de x é alterado duas vezes. Note que na declaração feita com let, o valor de x só é válido dentro do bloco (if), enquanto o valor de x declarado com var é global.

Note que se alterarmos o valor de x sem indicar a palavra de declaração, estamos alterando a variável global. Veja:

var

let

Interface gráfica do usuário, Aplicativo

Descrição gerada automaticamente

Interface gráfica do usuário, Texto, Aplicativo

Descrição gerada automaticamente

Agora, veja o que acontece se declararmos uma const:

Interface gráfica do usuário, Texto, Aplicativo

Descrição gerada automaticamente

Quer aprender mais sobre Desenvolvimento Web?

Dá uma olhada nesses cursos disponíveis a partir de R$ 27,90 (e ainda dar uma moral para ajudar esse pobre professor a pagar seus boletos) 😉

Por Diego Mariano

Doutor em Bioinformática pela Universidade Federal de Minas Gerais com atuação na área de ciência de dados e aprendizado de máquina aplicados ao aperfeiçoamento de enzimas usadas na produção de biocombustíveis. Mestre em Bioinformática, também pela UFMG, atuando na área de desenvolvimento de sistemas Web para montagem de genomas. Atualmente realiza estágio pós-doutoral no Departamento de Ciência da Computação da UFMG com foco em desenvolvimento de sistemas Web para Bioinformática, análise exploratória e visualização de dados. Tem conhecimentos nas linguagens: PHP, JavaScript, Python, R, Perl, HTML, CSS e SQL.

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

error

Compartilhe este post!

Facebook
YouTube
LinkedIn
Instagram