创建异步迭代器的最佳实践是什么？ 我应该使用异步生成器 function 还是使用 Symbol.asyncIterator？

Question

此代码按预期工作：

function sleep(ms) {
    return new Promise(resolve => setTimeout(resolve, ms));
}

async function getAsyncData() {
    await sleep(1000);  // simulate database/network delay...
    return [1, 2, 3, 4, 5];  // ...then return some data
}

const asyncIterable = (async function* filterAsyncData() {
    const items = await getAsyncData();

    for (const item of items) {
        yield item;
    }
})();

const asyncIterable2 = {
    [Symbol.asyncIterator]() {
        return {
            values: null,
            idx: 0,
            async next() {
                if (this.values === null) {
                    this.values = await getAsyncData();
                }

                if (this.idx < this.values.length) {
                    this.idx = this.idx + 1;
                    return Promise.resolve({ value: this.values[this.idx - 1], done: false });
                }

                return Promise.resolve({ done: true });
            }
        };
    }
};

async function main() {
    for await (const filteredItem of asyncIterable) {
        console.log(filteredItem);
    }
}

main()

如果我在main function 中使用asyncIterable或asyncIterable2则不会，我总是得到相同的结果。 定义我的可迭代对象的最佳实践是什么？ 是否有关于首选哪个选项的指导方针？ 为什么？

Answer 1

这与同步迭代器相同：生成器函数比手动实现迭代器 object 更容易编写，也更容易正确。 仅当您需要一些其他方式无法实现的非标准行为时才执行此操作。 特别是使用异步生成器功能，您甚至可以免费获得next调用的正确排队，这真是令人头疼（您的asyncIterable2失败了 this ¹ ）。

最常见的可迭代实现是使Symbol.asyncIterator方法成为异步生成器方法：

const asyncIterable = {
    async *[Symbol.asyncIterator]() {
         yield* await getAsyncData();
    },
};

_{1: const it = asyncIterable2[Symbol.asyncIterator](); it.next(); it.next() const it = asyncIterable2[Symbol.asyncIterator](); it.next(); it.next() const it = asyncIterable2[Symbol.asyncIterator](); it.next(); it.next() - 中间没有任何await - 将调用getAsyncData两次，因为this.values == null在两个调用中}