Куда именно регистрируются обработчики асинхронных событий?

Question

[Андрей]

в статьях про событийный цикл пишут что обработчики событий регистрируются в окружении, но толком не объясняют и не углубляются, как я понимаю в моем случае(Web) это значит в браузере, но в браузере куда? если в js один поток то как setTimeout паралельно с выполнением отсчитывает время до того как добавлять его в очередь?

Answer 1

[Stalker_RED]

setTimeout ничего не отсчитывает, он добавляет задание в планировщик.
Это вы читали? https://learn.javascript.ru/settimeout-setinterval
Подробнее про event loop

Comments

[Андрей]

Stalker_RED таймер-планировщик, который позволяет задавать вызов функции через заданный период времени. Как я понимаю что через заданное количество времени функция добавиться в очередь событий, кто следит(оповещается) за тем что настало время отдавать функцию в очередь, окружение(среда)? сам таймер планировщик?

[Stalker_RED]

Андрей:
Основной цикл, когда не занят ничем другим. периодически проверяет нет ли заданий.
https://habrahabr.ru/company/tradingview/blog/178261/

Answer 2

[Leo Developer]

Например вот код:

console.log("Hello world")
setTimeout(() => console.log("Hello timeout"), 50)
console.log("Hello JS")

Eventloop-у дается задание, выполнить скрипт.
Интерпретатор выполняет первую строку, затем вторую.
Т.е таймер, создается вторая задача. На данный момент их 2.
1) Выполнить скрипт
2) Вызвать таймер не раньше чем 50 мс.

Все задания выполняются по очередно.
Поэтому для начала нужно чтобы скрипт полностью выполнился.
Т.е выводится еще и hello js.

Эта задача удаляется и eventloop смотрит, есть ли у него еще задачи.
Потом выполняется вторая задача.

В итоге:

console.log("Hello world")
console.log("Hello JS")
console.log("Hello timeout")

Comments

[Stalker_RED]

"Hello timeout" выведется последним.

[Leo Developer]

Stalker_RED: Опечатался