Titre réécrit comme : La fonction asynchrone récursive ne peut pas renvoyer de valeur

Question

P粉970736384 · Answer

Vous attendez la fin de l'exécution des deux éléments attendus d'origine avant de démarrer le prochain appel récursif, puis d'imprimer sans attendre l'appel récursif lui-même.

Tout d'abord, vous avez besoin de

await comp(child.id);

Mais il faut aussi attendre que chaque enfant ait fini de courir.

Promise.all(array)

attendra que chaque promesse du tableau que vous lui transmettez soit complétée, tandis que children[0].map(async () => {}) renverra un tableau de promesses. Continuez à attendre et ça devrait aller.

P粉596191963 · Answer

En fait, le seul problème avec votre code est que vous n'attendez pas que la promesse soit résolue lorsque toutes les promesses du tableau de la fonction asynchrone comp()的结果。 map()将返回一个Promise数组，你需要等待所有这些Promise，可以使用Promise.all()来实现。 Promise.all()返回一个Promise，当传递给Promise.all() ont été résolues. Si vous l'attendez, votre tableau children sera propagé comme prévu.

C'est le code utilisant Promise.all(). Comme je n'ai pas actuellement de base de données appropriée, j'ai remplacé tous les appels asynchrones de votre base de données par un appel asynchrone à une fonction avec un délai artificiel afin que vous puissiez voir comment les appels sont attendus et si les résultats sont réellement attendus. .

const data = [
  {
    id: 1,
    task: "清洁公寓",
    completed: 0,
    parentid: null,
    createdby: 1,
    createdat: "2022-03-24 00:47:33",
  },
  {
    id: 2,
    task: "清洁浴室",
    completed: 0,
    parentid: 1,
    createdby: 1,
    createdat: "2022-03-24 00:47:33",
  },
  {
    id: 3,
    task: "清洁厨房",
    completed: 0,
    parentid: 1,
    createdby: 1,
    createdat: "2022-03-24 00:47:33",
  },
  {
    id: 4,
    task: "洗淋浴器",
    completed: 0,
    parentid: 2,
    createdby: 1,
    createdat: "2022-03-24 00:47:33",
  },
  {
    id: 5,
    task: "清洗马桶",
    completed: 0,
    parentid: 2,
    createdby: 1,
    createDate: "2022-03-24 00:47:33",
  },
  {
    id: 6,
    task: "清洁玻璃窗",
    completed: 1,
    parentid: 4,
    createdby: 1,
    createdat: "2022-03-24 00:47:33",
  },
  {
    id: 7,
    task: "清洁水龙头",
    completed: 0,
    parentid: 4,
    createdby: 1,
    createdat: "2022-03-24 00:47:33",
  },
  {
    id: 8,
    task: "清洁水槽",
    completed: 0,
    parentid: 3,
    createdby: 1,
    createdat: "2022-03-24 00:47:33",
  },
  {
    id: 9,
    task: "倒垃圾",
    completed: 1,
    parentid: 3,
    createdby: 1,
    createdat: "2022-03-24 00:47:33",
  },
];

async function comp(tasks, taskId) {
  // 在这里执行你的数据库调用（这里只是模拟延迟，但函数是异步的，所以结果将保持不变）
  var task = await queryFind(tasks, taskId);
  var children = await queryFilter(tasks, taskId);

  // map()返回一个Promise数组，因为comp()返回一个Promise
  // Promise.all()返回一个Promise，当数组中的所有Promise都解决时返回
  task.children = await Promise.all(
    children.map((child) => comp(tasks, child.id))
  );

  return task;
}

// 这个函数模拟了一个异步的数据库访问。
async function queryFind(tasks, taskId) {
  // 等待100毫秒（模拟延迟）
  await sleep(100);
  return tasks.find((task) => task.id === taskId);
}

// 这个函数模拟了一个异步的数据库访问。
async function queryFilter(tasks, taskId) {
  // 等待100毫秒（模拟延迟）
  await sleep(100);
  return tasks.filter((t) => t.parentid === taskId);
}

// 延迟执行，这里应该模拟网络延迟
async function sleep(ms) {
  return new Promise((resolve) => setTimeout(() => resolve(), ms));
}

// 从ID为1的任务开始；需要将函数调用包装在一个异步方法中才能使用await
(async () => {
  const test = await comp(data, 1);
  console.log(JSON.stringify(test, null, 4));
})();