Vista de uma rua com carros estacionados em ambos os lados.

ES6: let em exemplos

A keyword let permite criarmos escopos de bloco no JavaScript. Sem muito bláblá, vamos direto ao ponto.

Escopo de bloco

Utilizando var.

var me = 'James Bond';

if(true) {
  var me = 'Chuck Norris';
}

console.log(me);
// Chuck Norris

Utilizando let.

let me = 'James Bond';

if(true) {
  let me = 'Chuck Norris';
}

console.log(me);
// James Bond

Loops

Utilizando var.

for(var i = 0; i < 5; i++) {
  // ...
}

console.log(i);
// 5

Utilizando let.

for(let i = 0; i < 5; i++) {
  // ...
}

console.log(i);
// ReferenceError: i is not defined

Variáveis duplicadas

Utilizando var.

var country = 'Brazil';
//..
//..
//..
var country = 'Belgium';

console.log(country);
// Belgium

Utilizando let.

let country = 'Brazil';
//..
//..
//..
let country = 'Belgium';

console.log(country);
// Duplicate declaration 'country'

Aqui você encontra um JS Bin com os exemplos acima.

Gostou? Escrevi alguma groselha? Quer melhorar? Abra uma issue mencionando o post e vamos conversar.

See all posts...