可以使用异步迭代器来解决这个问题。异步迭代器是一种特殊类型的迭代器,可以在遍历元素时异步地产生值。与同步迭代器不同,异步迭代器可以在产生值时暂停执行,等待某些异步任务完成后再继续执行。
下面的代码演示了如何使用异步迭代器来避免阻塞函数体的执行:
async function* loadItems() {
// 异步迭代器
const items = await api.getItems(); // api是一个异步函数,会返回一个Promise
for (const item of items) {
yield await api.getItemDetails(item); // 等待Promise完成
}
}
async function displayItems() {
for await (const item of loadItems()) { // 使用异步迭代器
console.log(item);
}
}
displayItems(); // 启动异步任务
在这个示例中,loadItems 函数返回一个异步迭代器,它从 api.getItems() 函数中获取一些项目,并返回一个异步'generator”对象,该对象将这些项目的详细信息异步地产生出来。注意,此时函数体并没有被阻塞。
displayItems 函数使用'for await”循环来遍历异步迭代器所产生的值,这样每当一个项目详细信息产生出来时,就会打印到控制台中。由于使用了异步迭代器,这个循环也不会阻塞函数体的执行。
最后,在外部函数中调用 displayItems 函数来启动异步任务。