正确组合异步和同步函数结果

Question

我尝试组合两个函数值（来自a() 和b()），但代码没有像预期的那样等待函数test 中的等待语句。相反，结果值直接打印错误的结果。

function resData(status, message) {
  return { ok: status, message: message };
}

function a() { 
  return resData(true, 'A'); 
}

async function b() {
  // simulate some long async task (e.g. db call) and then return the boolean result
  function sleep(ms) {
    return new Promise((resolve) => {
      setTimeout(resolve, ms);
  }); }
  await sleep(2500);
  return resData(true, 'B');
}

async function isValid() {
  const promises = [a, b].map(async (fnc) => { return await fnc().ok; });
  const results = await Promise.all(promises);
  // combine the results to one boolean value
  return results.every(Boolean);
}

async function test() {
  // not waiting here
  const res = await isValid();
  // prints directly - wrong result false
  console.log('result', res);
}

test();

在错误的结果输出后等待 2.5 秒。我认为这与 resData 的函数调用有关，但我自己无法弄清楚，我的 async / await 误解在哪里。提前致谢。

Answer 1

您不是在等待函数被解析，而是在等待函数返回值。

async function isValid() {
  const promises = [a, b].map(async (fnc) => {

    //return await fnc().ok;
    // You have to await first function then call `.ok` value
     return (await fnc()).ok;
  });
  const results = await Promise.all(promises);
  // combine the results to one boolean value
  return results.every(Boolean);
}

为了简化问题，请检查以下代码。

async function test() {
  return { ok: true };
}
async function main() {
  // trying to await on undefined.. test().ok == undefined
  console.log(await test().ok); // undefined
  // first await function.. then return ok
  console.log((await test()).ok); // true
}
main();

Answer 2

我会说你的代码有 2 1 个问题

1. a 没有返回一个承诺，所以你不能把它当作一个承诺 - 忽略事实证明你可以，谁知道呢！
2. 你不能等待一个布尔值，所以await fnc().ok 没有意义。

我建议你

1. 让a 返回一个承诺，即使它只是一个已解决的承诺
2. 只执行map 中的方法
3. 在every 调用中读取ok 的值，以确定是否所有承诺都在此值设置为true 时得到解决

通过这些更改，我怀疑您在写入控制台之前需要等待 2.5 秒。

function resData(status, message) {
  return { ok: status, message: message };
}

function a() { 
  return resData(true, 'A'); 
}

async function b() {
  // simulate some long async task (e.g. db call) and then return the boolean result
  function sleep(ms) {
    return new Promise((resolve) => {
      setTimeout(resolve, ms);
  }); }
  await sleep(2500);
  return resData(true, 'B');
}

async function isValid() {
  const promises = [a, b].map(fnc => fnc());
  const results = await Promise.all(promises);
  // combine the results to one boolean value
  return results.every(x => x.ok);
}

async function test() {
  // not waiting here
  const res = await isValid();
  // prints directly - wrong result false
  console.log('result', res);
}

test();

Answer 3

异步函数隐式返回一个承诺，该承诺最终将解析为函数执行结束时返回的最终值。

因此，您只需在 map 回调中调用您的函数即可收集 Promise。结果数组将是resData 对象的数组。因此，您最终检查每个 ok 属性是否符合您的要求。

function sleep(ms) {
  return new Promise((resolve) => {
    setTimeout(resolve, ms);
  });
}

function resData(status, message) {
  return {ok: status, message: message};
}

function a() { 
  return resData(true, 'A'); 
}

async function b() {
  await sleep(2500);
  return resData(true, 'B');
}

async function isValid() {
  const promises = [a, b].map((fnc) => fnc());
  const results = await Promise.all(promises);
  return results.every((result) => result.ok);
}

async function test() {
  const res = await isValid();
  console.log('result', res);
}

test();