Почему результат промиса не возвращается через return?

Question

[Wamsmer]

Здравствуйте!
Борюсь с промисами, но не могу добиться адекватного результата.
Создаю функцию, которая возвращает новый промис с данными в resolve.
Создаю асинхронную функцию, где с помощью await дожидаюсь этих данных и записываю в переменную.
Если эту переменную выводить с консоль, то она, естественно, выводится, но при попытки её возврата через return - Promise {status: "pending"}

Вот код:

function newPromise () {
  return new Promise ((resolve) => {
    resolve("some result")
  })
}

async function getResult () {
  let str = await newPromise()
  console.log(str) // успешно
  return str
}

let str = getResult()
console.log(str) // Promise {status: "pending"}

Я понимаю, что console.log в функции выполняется после всего остального кода и поэтому результат выводится. Но ведь await по идее должен тормозить выполнение кода в функции до статуса промиса Resolved, соответственно возврат должен происходить уже с данными, но в переменную все равно пишется pending.
С использованием .then тоже не получается присвоить в переменную.
Все примеры в интернете (включая MDN) используют console.log, с которым проблем нет.
Очень прошу объяснить пошагово, почему код не рабочий и как всё-таки получить
Заранее спасибо.

Comments

[Модератор]

Wamsmer дорогой пользователь, настоятельно рекомендуем еще раз обратить самое пристальное внимание на п. 3.1 регламента работы сервиса (и, в особенности, на его последний абзац). В противном случае, ваши вопросы будут удаляться по причине тег-спама, а систематические нарушения приведут к блокировке учетной записи.

[Wamsmer]

Модератор, Принято

Answer 1

[ⓒⓢⓢ]

асинхронная функция не блокирует поток
вы же это по любому уже читали в той же документации.

теперь ещё раз посмотрите, что происходит в этих строках, вызов асинхронной функции:

let str = getResult()
console.log(str) // Promise {status: "pending"}

Но ведь await по идее должен тормозить выполнение кода в функции

Всё верно и тому подтверждение, строка:
console.log(str) // Promise {status: "pending"}
выполняется раньше, чем строка:
console.log(str) // успешно

Comments

[Wamsmer]

Спасибо за ответ, но вопрос остался открытым. Каким образом возможно записать значение в переменную? Или такая возможность в принципе отсутствует в рамках одного файла?
Почему return функции срабатывает раньше, чем статус разрешается, если await все же тормозит выполнение?

[ⓒⓢⓢ]

Каким образом возможно записать значение в переменную? Или такая возможность в принципе отсутствует в рамках одного файла?

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

Почему return функции срабатывает раньше, чем статус разрешается, если await все же тормозит выполнение?

Потому что функция с ключевым словом "async" возвращает промис, а не результат выполнения.
А вот уже когда await выполниться, то сработает "return str" и промис поменяет свой статус на "разрешённый".

пример кодом:
я тут изменил имена переменной "str", чтобы не путаться в возвращаемых значений.
https://jsfiddle.net/ozw5f4ny/