В каком порядке выполняется этот код?

Question

[Константин]

Вызов функции осуществляется до условия, но каким-то образом условие все равно выполняется(т.е. выполнение до него доходит). КАК? Если функция должна зациклиться и НИКОГДА не дойти до условия ?

function showNumber(num) {
  console.log(num);
  let timeId = setTimeout(showNumber, 1000, ++num);
  if (num === 6) {
    clearTimeout(timeId);
  }
}

setTimeout(showNumber, 1000, 1);

Comments

[Сергей Сергей]

setTimeout не останавливает функцию.

[Константин]

Сергей Сергей, а можете, если не сложно, подробно описать, как каждая строчка выполняется? В каком порядке в смысле.

[Константин]

Сергей Сергей, мне непонятно, как это работает, абсолютно. А ваш ответ совершенно не помог

[ksnk]

Какие-то неправильные доки ? Можно погуглить setTimeout и обнаружить, что у него не 3 параметра, а 2.
Вот так работать будет

var num=0;
function showNumber() {
  console.log(++num);
  let timeId = setTimeout(showNumber, 1000);
  if (num === 6) {
    clearTimeout(timeId);
}
}
setTimeout(showNumber, 1000);

[Сергей Соколов]

ksnk, ну да, ну да, пошли все эти аргументы..

setTimeout(
  console.log,
  1000,
  'я',
  'буду',
  'читать',
  'документацию',
  'https://developer.mozilla.org/en-US/docs/Web/API/setTimeout'
);

Answer 1

[Rsa97]

RTFM

setTimeout() is an asynchronous function, meaning that the timer function will not pause execution of other functions in the functions stack.

Answer 2

[Сергей Соколов]

1. объявили функцию
   
2. зарядили первый таймаут: он через 1 секунду вызовет showNumber(1)
   
3. ... пауза 1c, ничего не происходит
   
4. вызвалась showNumber(1) - вывела в консоль "1", и зарядила новый таймаут, уже с showNumber(2). Убедились, что 2 не равно 6.
   
5. ... пауза 1с, опять скукота, ничего не происходит
   
6. вызвалась showNumber(2), вывели в консоль "2", зарядили таймаут (3)
   
7. ... ... ...
   
8. наконец поднялся счётчик до 5. Всё то же: зарядили таймаут, прошла 1 секунда,
   вызвалась showNumber(5)
   Тоже выводит в консоль "5", заряжает таймаут (6), но на этот раз срабатывает условие 6 === 6, и раз так — тут же гасит свежезаряженный таймаут, ибо нечего ему срабатывать.
   
9. Занавес.
   

Наверное, не уловили пока, как работает setTimeout(). Вызов setTimeout() отрабатывает сразу и выполнение идёт дальше. Но этот вызов не выполняет, а лишь откладывает на потом – задачу вызова какой-то функции с параметрами.

Пишет письмо с заданием, запечатывает в конверт и относит на почту. И идёт дальше по своим делам. А когда-то там письмо дойдёт, наконец – его распечатают и выполнят задание.