异步函数执行完成后如何正确返回值？代码问题排查与修复

为什么代码无返回值？ #

• 异步函数调用后返回的是Promise对象，不是直接的布尔值。someAsyncFunc()执行后得到的是Promise实例，someAsyncFunc().then(...)同样返回Promise，所以===true的判断永远不成立，两个if分支都无法触发，函数自然没有返回值。
• 代码重复调用了两次someAsyncFunc()，会发起两次不必要的API请求，完全多余。

修正方案 #

要实现等待异步操作完成后返回结果，必须让外部函数也变为异步函数（添加async关键字），通过await等待异步操作的结果，再返回对应值。

简化后的修正代码 #

const returnSomethingIfHaveData = async () => {
  try {
    // 等待API请求完成
    await fetch('https://dummyjson.com/products/1');
    // 请求成功返回true
    return true;
  } catch (e) {
    console.log(e);
    // 请求失败返回false，避免无返回值
    return false;
  }
};

// 调用异步函数需用await或.then()获取结果
// 方式1：在async自执行函数中用await
(async () => {
  console.log(await returnSomethingIfHaveData()); // 输出true
})();

// 方式2：用.then()链式调用
returnSomethingIfHaveData().then(result => console.log(result)); // 输出true

保留原嵌套结构的修正版本 #

如果想保留原有的someAsyncFunc嵌套结构，也可以这样改：

const returnSomethingIfHaveData = async () => {
  const someAsyncFunc = async () => {
    try {
      await fetch('https://dummyjson.com/products/1');
      return true;
    } catch (e) {
      console.log(e);
      return false;
    } 
  };
  
  // 等待嵌套异步函数执行完成，拿到结果后返回
  const asyncResult = await someAsyncFunc();
  return asyncResult;
};

// 调用方式同上
returnSomethingIfHaveData().then(res => console.log(res));

关键说明 #

• 所有async标记的函数，返回值本质都是Promise，外部调用时必须通过await（仅限async函数内部）或.then()才能获取最终的同步值，直接打印会输出Promise对象。
• 原代码中fetch(...).then(()=>true)可以简化为直接await fetch(...)后return true，无需额外的.then()包裹。
• 错误处理分支要返回明确值（比如false），避免函数在异常场景下无返回值。

内容的提问来源于stack exchange，提问作者CODEforDREAM