Как именно await получает результат промиса?

Question

[anvaslist]

Всем привет. Есть следующий код:

(async () => {
  const response = await fetch('https://jsonplaceholder.typicode.com/users');
  console.log(response); // экземпляр объекта Response
})();

Вопрос: как именно await присваивает в переменную результат выполненного промиса? Вот смотрите, await дожидается выполнения промиса, дождалось, то есть у нас есть зарезолвленный экземпляр объекта Promise. Но... как именно у await получается вот так взять и достать результат этого зарезолвленного экземпляра и положить его в переменную? Ну я вот просто вообще не вижу здесь любого другого способа, как обратиться к свойству [[PromiseResult]] и взять значение этого свойства. Но оно же ведь недоступно? Я не хочу это просто так понимать, ну мол вот так await работае и все. Хочу копнуть глубже. И я знаю, что async/await построены на промисах и генераторах, при этом всё равно не понимаю, как у await получается достать результат Промиса. Объясните пожалуйста?

Comments

[WbICHA]

async/await - это синтаксический сахар. По факту это:

fetch('https://jsonplaceholder.typicode.com/users').then((response) => console.log(response))

[anvaslist]

WbICHA, Я знаю что это синт. сахар, я видел ваш ответ на свой прошлый вопрос. Но и в этом вопросе не понимаю, к чему я должен прийти, опираясь на приведенный вами пример кода? Я знаю что await синт. сахар для then, но я не понимаю, как await получается доступ к внутреннему недоступному свойству [[PromiseResult]]?

[WbICHA]

baranovstas, а как в классах методы получают доступ к приватным свойствам?

[anvaslist]

WbICHA, приватные свойства доступны только внутри класса, что дальше?

[WbICHA]

baranovstas, так и метод then имеет доступ к приватным свойствам. Грубо говоря, конечно же, но логика та же.

[anvaslist]

WbICHA,

но логика та же

Что "логика та же"? Что именно ты этим хочешь сказать? Приватное свойство - это свойство доступное внутри класса, понятное дело, что then имеет доступ к нему. Но суть в том, что за пределами класса значение этого свойства недоступно. Поэтому нельзя получить к нему доступ и вернуть его значение в переменную по сути, что скажешь?

[WbICHA]

baranovstas, так он и не возвращает значение в переменную, он передаёт её в каллбек.

[anvaslist]

WbICHA, я знаю, что then не возвращает значение в переменную, then возвращает промис. Поэтому в переменную должен присвоиться промис.

(async () => {
  const response = await fetch('https://jsonplaceholder.typicode.com/users');
})();

Ниже напишу, типо await под капотом:

(async () => {
  const response = fetch('https://jsonplaceholder.typicode.com/users').then(response => ???);
})();

То есть вот этот then после fetch возвращает промис, так поэтому и в response должен упасть тоже промис, а не объект Response, не так ли?

[WbICHA]

baranovstas, да, зен возвращает промис.

[anvaslist]

WbICHA, Ну и?) Получается что в переменную response, даже с ключевым словом await по сути должен присвоиться экземпляр промиса, а не объект Response, верно?)

[anvaslist]

WbICHA, А возвращается почему-то объект Response, я вот об этом

[WbICHA]

baranovstas, стоп, я не увидел авейт. Оборачивай в жс код, а не просто в код.
Нет, в первом случае вернётся значение, а во втором промис, потому что примеры разные.

const response = await fetch('https://jsonplaceholder.typicode.com/users');
// =
fetch('https://jsonplaceholder.typicode.com/users').then(response => {})

Вот тут в обоих случаях будут значения.

[anvaslist]

WbICHA, почему в обоих случаях значения? У тебя есть возможность мне дать конкретный развернутый ответ, каким именно образом ключевое слово await получает доступ к внутреннему недоступному свойству [[PromiseResult]] (к которому нельзя обратиться извне) возвращенного из функции fetch экземпляра Promise и добавляет его в переменную response? К этому свойству нельзя обратиться снаружи, поэтому как await получает значение этого свойства?

[WbICHA]

baranovstas, выше ты писал:

Я знаю что это синт. сахар

Однако это не так, иначе бы ты уже давно всё понял бы.
Авейт ничего ниоткуда не достаёт, он всего лишь говорит интерпретатору, что данный код стоит читать как:

fetch('https://jsonplaceholder.typicode.com/users').then(response => {})

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

[anvaslist]

WbICHA, ну вот смотри, ты написал:

fetch('https://jsonplaceholder.typicode.com/users').then(response => {})

При таком коде метод then возвращает промис, так значит в переменную const response по сути должен присвоиться промис, вместо объекта Response, верно? Но почему-то присваивается объект Response

[WbICHA]

baranovstas,

Но почему-то присваивается объект Response

Нет.

[anvaslist]

WbICHA,
Не нет, а да. Выведи в консоль переменную response и сам убедишься, что присваивается почему-то объект response.

(async () => {
  const response = await fetch('https://jsonplaceholder.typicode.com/users');
  console.log(response);
})();

[WbICHA]

baranovstas, ты там головой о стену бьёшься, вместо попыток включить мозг?
Ещё раз для крайне особо одарённых повторяю.
Это синтаксический сахар:

const response = await fetch('https://jsonplaceholder.typicode.com/users');

Так этот кусок кода видит интерпретатор:

fetch('https://jsonplaceholder.typicode.com/users').then(response => {})

Если и сейчас ты не понял, можешь не отвечать.

[anvaslist]

WbICHA, Нет, то, что ты написал - неверно. В общем, я понял, что в async/await ты слабо разбираешься. Сам я уже нашел куда более понятное объяснение, где человек умеет доступно изъясняться, а не давать бессмысленные ответы на вопросы, в которых не шарит. Всего доброго)

[WbICHA]

baranovstas,

В общем, я понял, что в async/await ты слабо разбираешься.

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

. Сам я уже нашел куда более понятное объяснение, где человек умеет доступно изъясняться

Угу, даже с разжёвыванием как для новорожденного, ты так ничего и не понял.

Но как именно у await получается вот так взять и достать результат этого зарезолвленного экземпляра и положить его в переменную?

Answer 1

[Антон Антон]

Может быть станет понятнее, если добавить немного от классического примера:

function fetch(addr) {
  return new Promise((resolveFunction) => {
    setTimeout(() => {
      resolveFunction('addr response') // вызываем функцию, которая прилетела параметром
    }, 3000)
  })
}

(async () => {
  const response = await fetch('https://jsonplaceholder.typicode.com/users');
  console.log(response); // результат, который передали в resolveFunction
})();

Очень грубо говоря, все вообще обратно к колбэкам сводится, вернее к вызову функции с параметром по окончанию процесса .

Comments

[anvaslist]

Этот объект передаётся в resolve. Экземпляр промиса, который возвращает функция fetch резолвится этим объектом Response, но как ключевое слово await получает доступ к результату этого промиса, если к внутреннему недоступному свойству [[PromiseResult]] нельзя обратиться извне?

[Антон Антон]

baranovstas, await ничего не передает, это сахар синтаксический.

грубо говоря вызовом then(func) ты устанавливаешь внутреннее свойство объекта промис, указываешь ему колбэк, который будет вызван в момент вызова resolve, при этом в resolve ты передаешь параметр, который будет передан в колбэк.
вот ооочень грубая реализация, без защит и поддержки цепочек:
https://jsfiddle.net/m601Lu3v/

[Вадим]

Антон Антон, Вы немного не поняли о чём именно спрашивает автор.
Почитайте ветку этого вопроса https://qna.habr.com/q/1100586

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