如何使用“等待”发电机功能是ES6？

Question

问题

我很好奇，如果有可能消耗在一个发电机功能全异步/等待现代ES2017内上下文。 （应用程序是一个阵营，本机应用程序）

这是我的代码，我想打电话给发生器功能：

class ProductViewComponent extends Component { 

    async componentDidMount() { 
    const result = await loadProduct(...) 
    console.log(result) // Gives: *Generator* and not the final result 
    } 

} 

功能loadProduct()从另一个文件导入，定义如下：

export function * loadProduct(id) { 

    let product = yield select(productByIdSelector(id)); 
    if(!product) { 
     // ... yield this 
     // ... yield that 
     // ... finally: 
     product = yield call(loadProductFromWeb, id) 
    } 
    return product; 
} 

具体问题：

据我知道我可以使用await等待Promises的结果。我如何在这种情况下使用生成器函数？

Answer 1

从它的看起来它是一个协同产生（一些）承诺。假设真正的结果只是协程的最后结果，并且您不能更改生成器代码，则可以迭代生成器并等待所有内容 - Promise将等待并且未定义将被忽略。

async componentDidMount() { 
    const resultGenerator = loadProduct(...); 

    let result; 

    for (let task of resultGenerator) { 
    result = await task ; 
    } 

    console.log(result); // should be last result of coroutine 
}