Javascript Como funciona esses códigos?

[Eli Almeida]

console.log é uma função anônima e cria-se três dela com os valores 0,1,2 para posteriormente ser impressa?

for (let i = 0; i < 3; i++) {
  setTimeout(() => {
    console.log(i);
  }, 1000);
}

Qual é o comportamento desse código aqui, agora utilizando o var ao invés de let?

for (var i = 0; i < 3; i++) {
  setTimeout(() => {
    console.log(i);
  }, 1000);
}

 

 

 

 

[DiF]

@Eli Almeida O console.log é usado apenas para impressão no console de alguma IDE ou no console da ferramenta inspecionar do navegador. É só para ter um retorno de teste... Como nesta função em exemplo vai imprimir uma contagem  progressiva   de 0 a 2  a cada segundo.

 

A diferença do var pro let, de forma resumida é que o var pode ser usado universalmente no escopo da função enquanto let é uma variável local da função.

Variáveis declaradas com let podem ser atualizadas, mas não podem ser declaradas novamente.

 

Outra diferença entre var e let é que as variáveis declaradas com var podem ser usadas antes de sua declaração, graças ao hoisting. Já as variáveis declaradas com let só podem ser usadas após sua declaração, pois não são inicializadas. 

 

Basicamente é isso..

Exemplo:

 

var a = 5;
var b = 10;

if (a === 5) {
  let a = 4; // O escopo é dentro do bloco if
  var b = 1; // O escopo é dentro da função

  console.log(a); // 4
  console.log(b); // 1
}

console.log(a); // 5
console.log(b); // 1

 

[joaovitorm102]

Esse código faz uso de setTimeout dentro de um laço for, que executa uma função assíncrona após um determinado intervalo (neste caso, 1000 milissegundos ou 1 segundo). Vamos analisar como ele se comporta tanto com let quanto com var. e como esta dentro do laço de repetição indo de um a 3 ele vai consta como se tivesse contando 3 segundos