Почему setTimeout не работает в then?

Question

[steklovatnik]

Экспериментирую с промисами, не понимаю, что происходит.
По описаниям в интернете, then должен возвращать промис, но если я помещаю внутрь него setTimeout, то программа начинает вести себя странно.
Я ожидал, что промис сработает через 7 секунд, передаст 2 в then, который подождет 5 секунд и передаст новое значение дальше. При этом по факту проходит 1-2 секунды и скрипт завершается, возвращая 3. Откуда берется 3?

Почему промис срабатывает раньше, чем указано в setTimeout?
Почему setTimeout вообще не работает в then?

setTimeout(console.log(p), 6000); - тоже выводится не через 10 секунд, а одновременно с результатом выполнения промиса.

let p = new Promise((res, rej) => {
        setTimeout(res(2), 7000);
      })
        .then((data) => setTimeout(data + 4, 5000))
        .then((data) => console.log(data));

      setTimeout(console.log(p), 10000);

Comments

[klick1287]

setTimeout не возвращает промис

Answer 1

[Rsa97]

RTFM. setTimeout не возвращает Promise. Она возвращает идентификатор таймаута.
Кроме того, setTimeout ожидает первым аргументом функцию. Вы же передаёте туда data + 4, что функцией явно не является

Answer 2

[Александр]

let p = new Promise((res, rej) => {
    // Ждем 7сек; вызываем функцию res с аргументом 2
    setTimeout(res, 7000, 2);
})
    // Возвращаем новый промис; ждем 5сек; вызываем функцию res с аргументом 6 (2 + 4)
    .then((data) => new Promise((res) => setTimeout(res, 5000, data + 4)))
    .then((data) => console.log('data', data)); // 'data' 6

setTimeout(() => console.log(p), 10000); // Просто выведем промис

Comments

[Никита Кит]

а это как получается, 3й аргумент таймаута перенаправляется в аргумент к колбэку в первом аргументе???
0_0

[Александр]

Никита Кит, Можно было. https://developer.mozilla.org/en-US/docs/Web/API/s...

Answer 3

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

Пока путаете функцию – с результатом её выполнения.
Смотрите, что передаётся первым аргументом в setTimeout():

setTimeout(console.log(p), 6000);

здесь передаётся результат вызова console.log()

setTimeout(console.log, 6000, p);
а вот тут передаётся функция console.log, которую setTimeout() вызовет с аргументом p через 6 секунд.