0

Расскажите пожалуйста - работа с DOM происходит асинхронно? К примеру смотря на этот кода понимаю что тут нет асинхронности const btn = document.createElement('button')

а с этим фрагментом не сильно понятно body.append(footer)

Тут вопрос не про саму асинхронность как таковую и работу с DOM! Вопрос про то как они работают вместе или они не переcекаються (Асинхронность и DOM)? К примеру добавление элемента в DOM. Расскажите пожалуйста подробнее про это, если про это что-то вообще можно рассказать

8
  • 2
    В DOM совсем нет никакой асинхронности
    – andreymal
    Commented 29 дек. 2020 в 19:01
  • 4
    DOM события это просто синхронный вызов синхронных функций по наступллению каких-то событий, это тоже не имеет прямого отношения к асинхронности (хоть и позволяет построить что-то похожее на асинхронную работу в своём коде)
    – andreymal
    Commented 29 дек. 2020 в 19:21
  • 3
    Наверное, стоит ещё упомянуть, что изменения в DOM происходят синхронно, но отрисовываются на странице уже после того, как текущий стек освободится. Commented 29 дек. 2020 в 19:23
  • 1
    И кстати ещё насчёт DOM событий: пользуясь возможностью запускать собственные события с помощью dispatchEvent, мы можем поставить простой эксперимент, который демонстрирует, что обработчики событий запускаются прямо во время работы dispatchEvent и этот dispatchEvent будет ждать пока все обработчики отработают, то есть никакой асинхронности в механизме событий изначально нет. Что-то похожее на асинхронность появляется только когда DOM-событие связывается с какой-нибудь асинхронной штукой, например ожиданием загрузки чего-нибудь (onload и т.п.)
    – andreymal
    Commented 29 дек. 2020 в 19:38
  • 1
    И как всегда забыли про Web Workers
    – DiD
    Commented 30 дек. 2020 в 8:48

1 ответ 1

2

На самом деле такая работа как раз полностью синхронна, в том числе из-за этого во всех популярных фреймворках изменения собирают и применяют "пачками" в определенные отрезки времени

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.