Para começar, vale ressaltar alguns conceitos:
A declaração de variáveis do tipo var
pode ser um grande problema pelo simples fato dela poder se alterada independente de onde esteja, veja no exemplo, deixei alguns comentários com explicações:
var a = 1; //aqui a variável é declarada e iniciada com o valor 1
console.log(a)
for(a; a<3; a++){ //aqui, é pego a mesma variável, e no loop, é somado o valor 2, resultando em 3
console.log(a)
}
function r () {
return a+ 1; //aqui, a mesma variável, agora com o valor 3, irá ser somada com +1, resultando em 4
}
console.log(r())
Havendo esse problema de declarações, o pessoal viu a necessidade da criação de variáveis que assumissem o seu valor aonde ela estivesse, esse é o caso do let
. Com o let
, se declararmos ele dentro de uma função
, o mesmo estará disponível apenas nela, sem a ocorrência do hosting para fora da mesma, exemplo:
var r = 1;
function result () {
let r = 1+1;
return r;
}
console.log(r); //aqui irá exibir 1, pois estamos chamando a variável global
console.log(result()); //aqui é exibido o valor 2, pois foi chamado a função que contém a variável di tipo let
A variável const
tem o mesmo comportamento da let
, o que muda é que uma vez declarada, o seu valor não pode ser alterado, exemplo:
const a = 1;
a = a+2;
console.log(a)
Nesse exemplo, na saída será exibido o erro "Assignment to constant variable"
que quer dizer que está sendo atribuído um valor à variável do tipo const
, o que não é possível.
CONCLUSÃO
Graças ao hoisting, variáveis declaradas com a palavra-chave var
podem ser utilizadas mesmo antes de sua declaração.
Por outro lado, as variáveis criadas com let
só podem ser utilizadas após sua declaração, pois, apesar de serem elevadas, elas não são inicializadas.
Além das variáveis declaradas com var
temos a possibilidade de usar constantes por meio da palavra-chave const
ou utilizar variáveis com escopo de bloco através da let
t .
Eu pessoalmente recomendo que você use sempre const
, pois isso leva a menos erros. Ainda não vejo uma situação em que eu precise usar var
.
Como regra geral, use let
apenas para contadores de loop ou somente se você realmente precisar de reatribuição. Em qualquer outro lugar, use const
.
let
econst
. Este argumento é indicado na documentação apesar de referir ES5 "... In ECMAScript 2015, let bindings are not subject to Variable Hoisting, which means that let declarations do not move to the top of the current execution contex..."