Entendendo melhor sobre a variável ‘let’ na sintaxe javascript

0

Alguns tempos atrás, a Mozilla levantou a bola para uma nova definição de variável javascript. A declação “let“. Segundo a mozilla, a definição da mesma se consiste nestas palavras:

The let statement declares a block scope local variable, optionally initializing it to a value.
Ou traduzindo:

          A declaração let declara uma variável de escopo local, inicializando-o opcionalmente a um valor.

 

Veja o seguinte bloco de código:

// JavaScript
for (var i = 0; i <= 2; i += 1) {
    console.log(i); // current i
}
console.log(i); // last i





//let loop
let foo = true;
if  (foo) {
    let bar = 'baz';
    console.log(bar); // outputs 'baz'
}

try {
    console.log(bar);
} catch (e) {
    console.log("bar doesn't exist");
}



// JavaScript with let
for (let i = 0; i <= 2; i += 1) {
    console.log(i); // current i
}
try {
    console.log(i);
} catch (e) {
    console.log("i doesn't exist");
}

O uso let permite declarar variáveis ​​que são de âmbito limitado ao bloco, declaração ou expressão em que é usado. Isto é ao contrário da palavra-chave var , que define uma variável global ou localmente para uma função de todo, independentemente do escopo de bloco.

Com isto podemos utilizar esta declaração para criação de um código muito mais organizado, estruturado e definido. Sem contar na sua utilização juntamente com NodeJs que deixa o nosso código ainda mais bonito!

 

Que tal uma leitura adicional? Link 1 e Link 2

Um grande abraço a todos!

 

Compartilhe.