JS - IIFE w pętli for

Question

Witam,

mam coś takiego 

for (let i = 0; i < 10; i++) {
  (function(i) {
    setTimeout(function() {
      console.log(i);
    }, i * 1000)
  })(i);
}

i linter wywala mi prośbę o nieużywanie funkcji w pętlach. Wobec tego mam pytanie - jak uzyskać taki sam efekt, by linter się nie czepiał?

Pozdrawiam,

crova

Answer 1

 po co tak kombinować?

for (let i = 0; i < 10; i++) {
    setTimeout(function() {
      console.log(i);
    }, i * 1000);
}

Skoro w pętli używasz let to nie ma potrzeby bawienia się w starą metodę z IIFE. Let przy każdej iteracji zapamiętuje wewnętrznie wartość końcową, po czym deklaruje zmienną "i" od nowa z jej "poprzednią" wartością. Dzięki temu funkcja wewnątrz for de facto zawsze operuje jakby na "innej" zmiennej.

Answer 2

zrobiłem to tak

let val = 0;

setInterval(function() {
  if (val < 10) {
    console.log(val);
  } else {
    clearInterval();
    process.abort();
  }
  val += 1;
}, 1000);

więc chyba temat do zamknięcia

Comments

Pytanie:

Jaki interwał czyścisz?

https://developer.mozilla.org/pl/docs/Web/API/Window/clearInterval