Как работать с асинхронным генератором с помощью прослушивателя событий щелчка - PullRequest
Новая
       23

Как работать с асинхронным генератором с помощью прослушивателя событий щелчка

1 голос
/ 04 апреля 2019

У меня есть асинхронный генератор, который выдает обновленное значение при вызове next ().Я хочу вызывать next () при каждом нажатии, но кажется, что генератор не вызывается, и он всегда возвращает первое значение. Как я могу справиться с этим? 

const baseApi = `https://hacker-news.firebaseio.com/v0`;
const topStories = [
  19571054,
  19570735,
  19570986,
  19571139,
  19571399,
  19569865,
  19561411,
  19571027,
  19560994
];
const fetchAsyncA = async url => await (await fetch(url)).json();
const sliceBy = (list, start, end) => list.slice(start, end);
async function* hackerNewsStreamer(ids, slice) {
  let start = 0;
  while (start <= ids.length) {
    let urls = sliceBy(ids, start, start + slice).map(
      id => `${baseApi}/item/${id}.json?print=pretty`
    );
    yield await Promise.all(urls.map(fetchAsyncA));
    start += slice;
  }
}

document.querySelector("button").addEventListener("click", async () => {
  const articlesStream = hackerNewsStreamer(topStories, 5);
  const { value: articles } = await articlesStream.next();
  console.log(articles);
  //console.log(await articlesStream.next());
  //console.log(await articlesStream.next());
  //console.log(await articlesStream.next());
});

https://codepen.io/daniele-bolla/pen/MRKMBX

...