SetTimeout внутри для цикла

Question

Я пытаюсь установить задержку для цикла в JavaScript. Я хочу, чтобы войти i, имеют задержку, а затем войти i, и так далее. Мой вопрос, почему следующий код работы, имеющий функцию, возвращающую функцию можно увидеть ниже:

for (var i = 1; i <= 5; i++) { 
     var tick = function(i) { 
      return function() { 
       console.log(i); 
      } 
     }; 
     setTimeout(tick(i), 500 * i); 
    } 

И следующий код не работает, как ожидалось:

for (var i = 1; i <= 5; i++) { 
    var tick = function(i) { 
     return console.log(i); 

    }; 
    setTimeout(tick(i), 500 * i); 
} 

Он печатает все значения в цикле for за один раз. Может кто-нибудь объяснить, почему это происходит?

Answer 1

В обоих кусков кода, tick(i) выполняется непосредственно в каждом цикле

Разница заключается в том, что в первом примере, тик (я) возвращает функцию, которая вызывается SetTimeout, и что выходы к Консоль

Во втором примере консоль.log вызывается немедленно, undefined возвращается, а setTimeout ничего не делает, как только таймаут запускается, поскольку данный аргумент не является функцией (или строкой, которая должна быть оценена)