async/await函数无法获取返回值，Promise始终处于pending状态求解

咱们一步步拆解你的问题，先搞清楚为什么会出现这些情况，再给出具体的修复方案。

问题1：打印出Promise { <pending> } #

你在createMessage里定义的异步立即执行函数（IIFE）f本身就是一个Promise——所有async函数的返回值都是Promise。你直接打印f的时候，这个Promise还在等待内部的异步翻译操作完成，所以会显示pending状态。

问题2：then回调没执行 #

大概率是translateEn2Ja函数里的Promise被拒绝（rejected）了，但你没处理错误分支。你在translateAPI.post的.catch()里抛出了错误，却没在调用时用.catch()捕获，导致Promise静默失败，then自然不会触发。

修复步骤 #

第一步：完善translateEn2Ja函数 #

先确保函数在所有分支都有返回值，同时优化错误处理逻辑：

class TranslateAlert {
  // ...其他代码
  public async translateEn2Ja(englishText: string): Promise<string | Error> {
    try {
      englishText = englishText.replace(/(<([^>]+)>)/ig, " ").replace(/\r?\n/g, " ").trim();
      const translatedText = await this.translateAPI.post(
        TranslateAPIURL, [{ "text": englishText }]
      );
      // 用可选链避免API返回结构异常导致报错
      if (translatedText?.data?.[0]?.translations?.[0]?.text) {
        return translatedText.data[0].translations[0].text;
      } else {
        throw new Error("翻译结果格式不符合预期");
      }
    } catch (error) {
      // 统一处理错误，返回清晰的错误信息
      const errorMsg = typeof error === 'string' ? error : error instanceof Error ? error.message : "未知翻译错误";
      console.error("翻译失败:", errorMsg);
      return new Error(errorMsg);
    }
  }
}

这里用try/catch替代了链式.catch()，逻辑更直观；同时增加了可选链判断，避免因API返回结构异常导致的崩溃，确保所有代码路径都有明确返回值。

第二步：正确调用异步函数 #

因为createMessage是同步函数，你有两种合理的调用方式：

方式1：把createMessage改成async函数（推荐）

这是最直观的写法，用await直接获取异步结果：

public async createMessage(): Promise<string> {
  const t = new TranslateAlert();
  try {
    const result = await t.translateEn2Ja("Test");
    if (result instanceof Error) {
      console.error("获取翻译失败:", result.message);
      return ""; // 或返回默认文本
    }
    console.log("翻译结果:", result);
    return result;
  } catch (error) {
    console.error("调用出错:", error);
    return "";
  }
}

注意：async函数的返回值会自动包装成Promise，所以这里的返回类型是Promise<string>。

方式2：在同步函数里用.then()+.catch()处理

如果不想修改createMessage的同步属性，必须同时处理成功和错误分支：

public createMessage(): void {
  const t = new TranslateAlert();
  t.translateEn2Ja("Test")
    .then((v) => {
      if (v instanceof Error) {
        console.error("翻译错误:", v.message);
        return;
      }
      console.log("=========================");
      console.log(v);
      console.log("=========================");
      // 这里可以继续处理翻译后的文本
    })
    .catch((error) => {
      console.error("调用过程出错:", error);
    });
}

之前你的then没执行，很大概率是Promise被拒绝但没捕获，加上.catch()就能看到具体错误信息。

关键知识点回顾 #

• async函数永远返回Promise：不管你return什么，都会被包装成Promise，必须用await或.then()才能拿到实际值。
• 异步操作必须处理错误：要么用try/catch（搭配await），要么用.catch()（搭配Promise链式调用），否则Promise被拒绝时会静默失败。
• 可选链?.的重要性：避免因API返回结构不符合预期导致的报错，让代码更健壮。

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