可以使用异步迭代器来解决这个问题。异步迭代器是一种特殊类型的迭代器，可以在遍历元素时异步地产生值。与同步迭代器不同，异步迭代器可以在产生值时暂停执行，等待某些异步任务完成后再继续执行。

下面的代码演示了如何使用异步迭代器来避免阻塞函数体的执行：

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 函数来启动异步任务。