Что такое асинхронные и синхронные функции?

Question

[yankoyski]

Что такое асинхронные и синхронные функции?

Comments

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

Вопрос про асинхронный код типа setTimeout() или именно про async function() { ... } ?

Answer 1

[Даша Циклаури]

рассмотрим на примере кипячения чайника со свистком - тебе нужно скипятить воды, ты налил чайник, и поставил его греться.
1) синхронно ты стоишь ждешь пока он скипит и не приступаешь к другим делам
2) асинхронно ты ушел в комнату гладить рубашку, погладил, вернулся на кухню и независимо от того скипел чайник или нет, ты его снял с плиты и налил воду
3) в режиме прерывания ты ушел в комнату гладить рубашку, чайник просвистел, ты прервался, пошел снять его с плиты

в js так же,
1) пока выполняется один синхронный метод движок не переходит к выполнению второго
2,3) движок запускает асинхронную функцию и не дожидаясь получения результата переходит к выполнению следующего метода, когда асинхронная функция закончит свое выполнение она уведомит движок и он по возможности прервется для получения и обработки результата

Comments

[ince]

2)

Метод кипячения воды исполняется асинхронно, а метод глажки рубашки синхронно?
Или оба асинхронно?
В коде сначала будет стоять кипячения воды, а после метод глажки рубашки?

[ince]

Смешались понятия асинхронный метод, асинхронная функция, асинхронный код.
Их вообще следует различать?

[Даша Циклаури]

ince, написано же, на примере кипячения чайника - значит это и относится к асинхронно, с рубашкой неважно. Суть асинхронности такова, что ты не дожидаешься от метода сигнала его завершения (прерывания) и исполняешь логику представив что он завершился (но по факту он может быть "в процессе").

Answer 2

[xmoonlight]

Синхронные - работают друг за другом. (аналогия: однополосная автодорога)
Асинхронные - параллельно. (аналогия: многополосная автодорога)

Comments

[Андрей]

Причем в случае с js-ом, это скорее многополосная автодорога, сужаюсяяся в одну полосу перед светофором))

Answer 3

[lloydbanks]

Асинхронный код - это код. который выполнится когда-то в будущем, напр, setTimeout или ajax.
Синхронный же выполняется последовательно, вторая операция не будет выполнена, пока исполняется первая.
Если хотите разобраться как оно работает, гуглите в сторону Стек вызовов и очередь событий