Как получить данные из Promise?

Question

[Андрей]

Тестовый код:

async function one() {fetch('https://api.github.com/repos/javascript-tutorial/en.javascript.info/commits')
.then(res => res.json()) 
.then(data => {
  test = data;
  });
}
console.log(one())

Получаю ответ: Promise { undefined }.
Вычитал, что нужно использовать async await, но что-то не вышло ничего.

Comments

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

А зачем функция объявлена как async если внутри не использует await?

[edward_freedom]

у тебя в коде есть пример получения результата с помощью then

Answer 1

[VoidVolker]

Значит плохо читали. Прочитайте еще раз и выполните упражнения: https://learn.javascript.ru/promise

async function one() {fetch('https://api.github.com/repos/javascript-tutorial/en.javascript.info/commits')
.then(res => res.json()) 
.then(data => { console.log(data) });
}
console.log(one())

Answer 2

[Евгений]

Ваша функция ни чего не возвращает, а следуя логике вашего вопроса, должна вернуть результат после выполнения промиса:

function one() {
  return fetch(
    "https://api.github.com/repos/javascript-tutorial/en.javascript.info/commits"
  )
    .then((res) => res.json())
    .then((data) => data);
}

и чтобы дождаться выполнения обещания, а потом показать результат:
one().then(console.log);

PS: ключевое async тут лишнее, так как функция и так возвращает объект Promise.

Answer 3

[keslo]

Ваш console.log не дожидается пока Promise зарезолвится.

async function one() {
    const result = await fetch('https://api.github.com/repos/javascript-tutorial/en.javascript.info/commits');
    return result.json();
}
console.log(await one())