Promise重试函数最终拒绝时出现未捕获Promise错误的原因咨询

这个问题我之前也碰到过，咱们一步步拆解原因和解决办法：

问题根源 #

你的代码里有两个关键问题导致了这个未捕获错误：

1. Promise executor使用async函数的误区
   Promise的executor（也就是new Promise((resolve, reject) => { ... })里的回调）的返回值会被完全忽略——哪怕你用了async让它返回一个Promise，这个Promise的状态变化不会影响外层的Promise。

2. 重试的Promise和外层Promise未关联
   当请求失败且还有重试次数时，你调用了this.examplefunction(retries - 1)并return它，但这个返回的新Promise和外层的初始Promise没有任何关联。也就是说：

   • 外层的Promise此时既没有resolve也没有reject，处于挂起状态；
   • 而你重试调用的examplefunction如果最终失败拒绝，这个拒绝没有被任何then/catch处理，就变成了游离的Promise，自然触发“Uncaught (in promise)”错误。

修复方案 #

有两种清晰的修复方式，选哪种都能解决问题：

方案一：改用Promise链式调用（推荐） #

抛弃嵌套的Promise结构，直接用catch链式调用实现重试，这样整个Promise链是连贯的：

examplefunction(retries = -1) {
  const url = `example.org`;
  return this._sendRequest(url)
    .catch((e) => {
      if (retries > 0) {
        // 重试时返回新的Promise，延续链式调用
        return this.examplefunction(retries - 1);
      }
      // 重试耗尽，抛出错误传递到上层catch
      throw new Error("Unable to communicate with Server. Please try again later!");
    });
}

这样当最终重试失败时，错误会顺着Promise链传递到你调用时的catch回调，不会出现未捕获情况。

方案二：修正async executor的关联逻辑 #

如果你坚持保留原有的async executor结构，需要把重试Promise的结果传递给外层Promise的resolve/reject：

examplefunction(retries = -1) {
  return new Promise(async (resolve, reject) => {
    try {
      const url = `example.org`;
      const json = await this._sendRequest(url);
      resolve(json);
    } catch (e) {
      if (retries > 0) {
        // 等待重试的Promise完成，将结果同步给外层Promise
        try {
          const result = await this.examplefunction(retries - 1);
          resolve(result);
        } catch (retryErr) {
          reject(retryErr);
        }
      } else {
        reject("Unable to communicate with Server. Please try again later!");
      }
    }
  });
}

这里的核心是让重试的Promise结果和外层Promise绑定，确保最终的拒绝能被外层Promise的reject抛出，进而被调用时的catch捕获。

额外小修正 #

你调用代码里有个语法错误：console.log.(reason)多了一个点，应该改成console.log(reason)，虽然这和未捕获错误无关，但会导致调用时的日志无法正常打印。

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