Node.js 中的异步迭代器

从 Node.js v10.0.0 开始，异步迭代器就出现中了，最近它们在社区中的吸引力愈来愈大。在本文中，咱们将讨论异步迭代器的做用，还将解决它们可能用于什么目的的问题。

什么是异步迭代器

---

那么什么是异步迭代器？它们其实是之前可用的迭代器的异步版本。当咱们不知道迭代的值和最终状态时，可使用异步迭代器，最终咱们获得能够解决 {value:any，done:boolean} 对象的 promise。咱们还得到了 for-await-of 循环，以帮助咱们循环异步迭代器。就像 for-of 循环是针对同步迭代器同样。

1const asyncIterable = [1, 2, 3];
 2asyncIterable[Symbol.asyncIterator] = async function*() {
 3  for (let i = 0; i < asyncIterable.length; i++) {
 4    yield { value: asyncIterable[i], done: false }
 5  }
 6  yield { done: true };
 7};
 8
 9(async function() {
10  for await (const part of asyncIterable) {
11    console.log(part);
12  }
13})();

与常规的 for-of 循环相反，for-await-of 循环将会 等待它收到的每一个 promise 解析后再继续执行下一个。

除了流，当前没有太多支持异步迭代的结构，可是能够将符号手动添加到任何可迭代的结构中，如此处所示。

做为异步迭代器流

---

异步迭代器在处理流时很是有用。可读流、可写流、双工流和转换流都支持异步迭代器。

1async function printFileToConsole(path) {
 2  try {
 3    const readStream = fs.createReadStream(path, { encoding: 'utf-8' });
 4
 5    for await (const chunk of readStream) {
 6      console.log(chunk);
 7    }
 8
 9    console.log('EOF');
10  } catch(error) {
11    console.log(error);
12  }
13}

若是以这种方式编写代码，则没必要经过迭代来获取每一个数据块时监听 data 和 end 事件，而且 for-await-of 循环随着流自己结束而结束。

调用有分页功能的 API

---

你还能够用异步迭代从使用分页的源中轻松获取数据。为此，咱们还须要一种从 Node https 请求方法提供给咱们的流中重构响应主体的方法。也能够在这里使用异步迭代器，由于 https 请求和响应是 Node 中的流：

1const https = require('https');
 2
 3function homebrewFetch(url) {
 4  return new Promise(async (resolve, reject) => {
 5    const req = https.get(url, async function(res) {
 6      if (res.statusCode >= 400) {
 7        return reject(new Error(`HTTP Status: ${res.statusCode}`));
 8      }
 9
10      try {
11        let body = '';
12
13        /*
14          代替 res.on 侦听流中的数据，
15          咱们能够用 for-await-of，并附加 data chunk
16          到响应主体的其他部分
17        */
18        for await (const chunk of res) {
19          body += chunk;
20        }
21
22        // 处理没有 body 的状况
23        if (!body) resolve({});
24        // 咱们须要解析正文以获取 json，由于它是一个字符串
25        const result = JSON.parse(body);
26        resolve(result);
27      } catch(error) {
28        reject(error)
29      }
30    });
31
32    await req;
33    req.end();
34  });
35}

咱们将向 Cat API 发出请求，以 10 张为一组获取一些猫的图片。咱们还将在请求之间添加 7 秒的延迟，最大页面数为5，以免致使 cat API 过载。

咱们还将在请求和最大页数之间添加 7 秒钟的延迟5个以免猫cat API重载，由于那将是灾难性的。

1function fetchCatPics({ limit, page, done }) {
 2  return homebrewFetch(`https://api.thecatapi.com/v1/images/search?limit=${limit}&page=${page}&order=DESC`)
 3    .then(body => ({ value: body, done }));
 4}
 5
 6function catPics({ limit }) {
 7  return {
 8    [Symbol.asyncIterator]: async function*() {
 9      let currentPage = 0;
10      // Stop after 5 pages
11      while(currentPage < 5) {
12        try {
13          const cats = await fetchCatPics({ currentPage, limit, done: false });
14          console.log(`Fetched ${limit} cats`);
15          yield cats;
16          currentPage ++;
17        } catch(error) {
18          console.log('There has been an error fetching all the cats!');
19          console.log(error);
20        }
21      }
22    }
23  };
24}
25
26(async function() {
27  try {
28    for await (let catPicPage of catPics({ limit: 10 })) {
29      console.log(catPicPage);
30      // Wait for 7 seconds between requests
31      await new Promise(resolve => setTimeout(resolve, 7000));
32    }
33  } catch(error) {
34    console.log(error);
35  }
36})()

这样，咱们就会每隔 7 秒钟自动取回一整页的猫图片，以供欣赏。

一种更常见的在页面之间导航的方法是实现 next 和 previous 方法并将它们公开为控件：

1function actualCatPics({ limit }) {
 2  return {
 3    [Symbol.asyncIterator]: () => {
 4      let page = 0;
 5      return {
 6        next: function() {
 7          page++;
 8          return fetchCatPics({ page, limit, done: false });
 9        },
10        previous: function() {
11          if (page > 0) {
12            page--;
13            return fetchCatPics({ page, limit, done: false });
14          }
15          return fetchCatPics({ page: 0, limit, done: true });
16        }
17      }
18    }
19  };
20}
21
22try {
23    const someCatPics = actualCatPics({ limit: 5 });
24    const { next, previous } = someCatPics[Symbol.asyncIterator]();
25    next().then(console.log);
26    next().then(console.log);
27    previous().then(console.log);
28} catch(error) {
29  console.log(error);
30}

如你所见，当你要获取数据页面或在应用程序的 UI 上进行无限滚动等操做时，异步迭代器将会很是有用。

这些功能已经在浏览器中使用了一段时间，在 Chrome v63+、 Firefox v57+ 和 Safari v11.1 中可用。可是当前在 IE 和 Edge 中不可用。

你是否对使用异步迭代器有什么新想法？你已经在程序中使用它们了吗？请在留言中告诉我。

---

原文连接

https://blog.risingstack.com/async-iterators-in-node-js/