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

Question

Константин @Redwhaler

JavaScript

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

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

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

setTimeout(showNumber, 1000, 1);

Вопрос задан более двух лет назад
114 просмотров

5 комментариев

Подписаться 1 Простой 5 комментариев

Сергей Сергей @hahenty

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

Написано более двух лет назад
Константин @Redwhaler Автор вопроса

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

Написано более двух лет назад
Константин @Redwhaler Автор вопроса

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

Написано более двух лет назад
ksnk @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);
Написано более двух лет назад
Сергей Соколов @sergiks Куратор тега JavaScript
ksnk, ну да, ну да, пошли все эти аргументы..
setTimeout( console.log, 1000, 'я', 'буду', 'читать', 'документацию', 'https://developer.mozilla.org/en-US/docs/Web/API/setTimeout' );
Написано более двух лет назад

Сергей Сергей, а можете, если не сложно, подробно описать, как каждая строчка выполняется? В каком порядке в смысле.
Сергей Сергей, мне непонятно, как это работает, абсолютно. А ваш ответ совершенно не помог
Какие-то неправильные доки ? Можно погуглить 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 · 2022-04-10 11:35:34

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

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

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

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

Войдите на сайт