如何在 JavaScript 中 yield 返回一个交互对象?

问题描述

我正在尝试创建一个迭代器来使用 for..of 循环遍历数组,然后 yield 返回每个对象。但是,我没有得到输出,因为我不确定如何成功利用 yield 关键字。

let items = ["one","two","three"];

function myIterator() {

    for (let i of items) {       
        yield i;
        console.log(i);
    }
}

解决方法

yield 仅在使用 * 声明的生成器函数内有效。您还需要调用该函数并使用它返回的生成器:

let items = ["one","two","three"];

function* myIterator() {
// −−−−−^

    for (let i of items) {       
        yield i;
        // console.log(i);
    }
}

for (const value of myIterator()) {
    console.log(value);
}

(尽管在这种特定情况下,您可以使用 yield * 将生成器链接到 items 中的迭代器。myIterator 的主体实际上只是 yield *items;。但是我假设 myIterator 会添加更多逻辑...)