Почему странно работают Promises?

Question

[mgmtx]

Добрый день!

Есть такая конструкция:

const getData = async (data) => {
  data = JSON.parse(data);

  const promises = await data.bloggers.map((item) => getInfo(response.access_token, item.twitch_nickname));

  return Promise.all(promises);
};
getData(data).then(data => console.log(data));

async function getInfo(token, name) {
  const response = await axios.get(`https://api.twitch.tv/helix/streams?user_login=${name}`, {
    headers: {
      'Client-Id': '1uv0rg1z4x',
      'Authorization': `Bearer ${token}`
    },
  });

  let isLive = response.data.data.length != 0 ? true : false;
  return isLive;
}

В таком виде промисы работают хорошо, отдают результат, но стоит добавить фигурные скобки в .map(), конструкция перестает работать. Значения возвращаются undefined. getInfo в таком виде отдает Promise { pending }:

...
const promises = await data.bloggers.map((item) =>  {
  getInfo(response.access_token, item.twitch_nickname);
});
...

Может кто-нибудь объяснить почему так и что с этим делать?)

Comments

[Lynn «Кофеман»]

Пои чём тут промисы если вы не знаете синтаксис? И не понимаете что означают скобки в стрелочной функции

PS: await в третьей строке бессмысленен

[WapSter]

Рука лицо :(
Прочти документацию по map. Внимательно. Если не дойдет прочти чем отличается стрелочная функция от обычной.

const promises = await data.bloggers.map зачем тебе здесь await? у тебя массив собирается ассинхронно?

[mgmtx]

WapSter, эксперементировал и тестировал различные случаи, это осталось от прошлых записей. Уберу, зачем ругаться сразу :(
return нужен, понятно

[mgmtx]

Lynn «Кофеман», да, там нужен return, но, что делать, если нужно возвращать что-то подобное?

const promises = data.bloggers.map((item) => {
  let name = item.name;
  return {
    name,
    isLive : getInfo(response.access_token, item.twitch_nickname)
  };
});

[Lynn «Кофеман»]

mgmtx, например так:

const promises = data.bloggers.map(async (item) => ({
  name: item.name,
  isLive: await getInfo(response.access_token, item.twitch_nickname)
}));

только нужно всё-таки не забывать что все getInfo запустятся одновременно.

[mgmtx]

Lynn «Кофеман», Спасибо, то, что нужно! А не подскажите где почитать про такую запись? честно говоря не совсем понимаю почему избавляемся от return и оборачиваем в обычные скобки

[Lynn «Кофеман»]

https://learn.javascript.ru/arrow-functions-basics
Всё там же. Круглые скобки не дают парсеру интерпретировать фигурную скобку как начало тела функции.

[mgmtx]

Lynn «Кофеман», спасибо!

Answer 1

[Александр]

return пробовали написать?

Comments

[mgmtx]

Да, оно как бы работает с return, но если мне нужно вернуть что-то в таком виде, то возращается опять Promise { pending }:

const promises = data.bloggers.map((item) => {
  let name = item.name;
  return {
    name,
    isLive : getInfo(response.access_token, item.twitch_nickname)
  };
});

[Александр]

mgmtx,

const promises = data.bloggers.map(async (item) => {
  let name = item.name;
  return {
    name,
    isLive: await getInfo(response.access_token, item.twitch_nickname)
  };
});