Несколько await подряд?

Question

[magary4]

const a = await http.get
const b = await http.get

как будет выполнятся этот код?
на сколько я знаю await это "синтаксический сахар" и оно все-равно будет преобразовано в промисы?
оно создаст 2 промиса и выполнит их одновременно или же создается один промис а второй только когда 1й резолвится?

Answer 1

[Дмитрий]

Что означает "преобразовано в промисы"? http.get() в вашем случае это и есть промис.
await - не просто синтаксический сахар, это конструкция языка, которая блокирует любой нижеследующий код внутри асинхронной функции до окончания выполнения промиса, переданного ей параметром.

Соответственно аналог вашего кода без использования await это

http.get().then(a => http.get().then(b => {
  // Здесь дальнейший код
}))

Пример

const p = (resolve, reject) => {
  setTimeout(() => resolve(new Date()), 2000)
}

const syncFn = () => {
  new Promise(p).then(console.log)
  new Promise(p).then(console.log)
}

const asyncFn = async () => {
  const a = await new Promise(p).then(console.log)
  const b = await new Promise(p).then(console.log)  
}

syncFn() 
// Tue Jul 14 2020 15:17:19
// Tue Jul 14 2020 15:17:19

asyncFn()
// Tue Jul 14 2020 15:17:49
// Tue Jul 14 2020 15:17:51

Comments

[magary4]

те

http.get().then(() => ...)
http.get().then(() => ...)

"под капотом" выполяются одновременно?
а

await http.get()
await  http.get()

нет?

[Дмитрий]

magary4, Да, потому что в обычной неасинхронной функции вызов промиса не требует дожидаться его выполнения, а просто ставит промис в очередь.

[Дмитрий]

magary4, Добавил пример где вы можете это легко проверить, в случае с await как видите разница в срабатывании - 2 секунды.

[magary4]

спасибо, все понял

[Dima Polos]

Соглашусь, только уточню, что хоть

http.get().then( a
http.get().then( b

исполнится синхронно и очень грубо говоря - одновременно, с небольшим отставанием одного от другого, обработка в then будет по очереди, колбеки попадут в очередь микрозадач.

[Dima Polos]

Также уточню, что сам поток js не блокируется оператором await. Асинхронная функция разбивается на несколько частей, исполнение которых соединяет спец. механизм - объект генератор, а помогает всему этому как раз оператор await.