Вопрос о асинхронности?

Question

[ironmansl]

Изучаю асинхронность и синхронность в js
Вот например есть в коде

1 Инструкиция №1
2 Инструкция №2

Я так понял синхронный код означает что Инструкция №2 не запустится пока не будет выполнена Инструкция №1
А вот асинхронный код это когда Инструкция №2 запускается без ожидания завершения Инструкиции №1, при этом Инструкиция №1 работает в фоновом режиме или стоит на паузе.

Но вот допустим такая ситуация:

1 Инструкиция №1 //ставим setTimeout = 3 секунды для Инструкиция №1
2 Инструкция №2

Мы уже имеем асинхронную операцию для Инструкиции №1 так что сейчас начинает выполнятся Инструкиция №2 не дожидаясь завершения Инструкиции №1.
Но что если Инструкция №2 будет выполняться 4 секунды? Ну напрмер инструкция №2 отправляет запрос на сервер и ответ будет только через 4 секунды. Что первое будет выведено на экран Инструкиция №1 или
Инструкция №2? И почему?

Comments

[askhat]

Попробуйте выразить вопрос кодом, возможно он сам снимется

[ironmansl]

Асхат Бикметов, у меня Инструкция №2 исполняется многвенно, не получится ее выполнять целых 4 секунды без реальной ситуации которая могла б занять 4 секунды, так что не могу проверить кодом что первое будет выведено на экран.

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

недавно отвечал на такой же вопрос с примером про личинки )

[abberati]

ironmansl, а что, если во второй инструкции тоже использовать тайм-аут?

[Robur]

ironmansl, сделайте бесконечный цикл с выходом после 4 сек работы, если у вас в этом проблема.

Answer 1

[Robur]

прочитайте про event loop https://developer.mozilla.org/en-US/docs/Web/JavaS...
код в JS на самом деле всегда "синхронный" и параллельно ничего не выполняется.
в каждый момент работает только одна "инструкция", и пока она не выполнится - никакая другая не будет работать.
Если у вас иснтрукция2 выполняется час - то все остальные будут этот час её ждать, вне зависимости от того что у них был таймаут 3 секунды или запрос завершился или пользователь мышкой кликнул или еще что.

Comments

[ironmansl]

по факту да, сам JS синхронный язык, но есть возможность испольнять код паралельно с помощью WebApi, а setTimeout это WebApi

[askhat]

Все языки поддерживающие функции первого порядка являются асинхронными. Тем более JS реализует Promise API, генераторы и async/await. Большинство браузеров в свою очередь исполняют рантайм джаваскрипта в единственном треде, что означает одно — в один момент времени будет выполнена только одна инструкция. Однако, как заметил автор вопроса, джаваскрипт можно запускать в выделенном треде через Node Worker API или ServiceWorker API. Даже параллельно, при определённых обстоятельствах.

[Robur]

ironmansl, Даже при использовании setTimeout код НЕ выполняется параллельно.