如何在双重返回的Promise中使用单一默认catch处理？

原始代码 #

// 库函数
function foo(){
  return new Promise((resolve, reject) =>{
  // 执行大量操作，比如渲染提示框

  // 用户操作时
  if(userDidSomething){
    resolve(user_input);
  }

  if(userCanceled){
     // 用户取消时
     reject('User canceled');
  }
  }).catch("Default error (usually canceling whatever it is, which means; do nothing)");
}

// 调用库函数并设置网站预定义配置的函数
function bar(){
 // 在此设置一些默认值，比如提示框类型
 return foo();
}

// 实际调用函数的位置
function baz(){
 bar().then("do some things");
}

核心需求 #

在库层面设置统一的默认错误处理逻辑（默认无需任何操作），同时允许后续调用时按需覆盖该逻辑；且错误处理后要终止Promise链，不能触发后续的then。

遇到的问题 #

1. 直接在库的Promise后加catch，处理完错误后会默认返回resolved状态的Promise，导致后续then依然触发，不符合需求。
2. 在库的catch中使用throw，虽然能终止链，但会在控制台抛出未捕获错误，产生大量无效日志。

解决方案 #

核心思路 #

在库的默认错误处理中，返回一个永久处于pending状态的Promise，这样既不会触发后续的then（因为Promise从未resolve），也不会产生未捕获错误（因为错误已被catch捕获，且没有新的错误抛出）。

修改后的代码 #

库函数与默认配置函数

// 库函数：返回原始Promise，不绑定默认处理
function foo() {
  return new Promise((resolve, reject) => {
    // 执行大量操作，比如渲染提示框

    if (userDidSomething) {
      resolve(user_input);
    }

    if (userCanceled) {
      reject('User canceled');
    }
  });
}

// 带默认错误处理的封装函数
function bar(useDefaultCatch = true) {
  // 设置网站预定义配置，比如提示框类型
  const basePromise = foo();

  // 启用默认处理时，绑定终止链的catch
  if (useDefaultCatch) {
    return basePromise.catch(err => {
      // 返回pending Promise，终止后续链
      return new Promise(() => {});
    });
  }

  // 不启用默认处理时，返回原始Promise，允许调用者自定义处理
  return basePromise;
}

调用示例

1. 默认调用（无需自定义处理）

function baz() {
  bar().then(() => {
    // 仅当foo resolve时才会执行，reject时被默认处理终止链，不会触发这里
    console.log('用户完成操作，执行后续逻辑');
  });
}

2. 覆盖默认处理（自定义错误逻辑）

function bazCustom() {
  bar(false) // 关闭默认处理
    .catch(err => {
      // 自定义错误处理逻辑
      console.log('用户取消操作，执行自定义处理');
      // 可选：如果需要触发后续then，可返回一个resolve值
      return '自定义处理完成';
    })
    .then(result => {
      console.log(result); // 自定义处理时会打印"自定义处理完成"
    });
}

方案优势 #

• 永久pending的Promise不会触发后续任何then或catch，完美终止Promise链。
• 错误已被库的catch捕获，不会产生未捕获错误日志。
• 通过useDefaultCatch参数，轻松实现默认处理与自定义处理的切换，无需修改300处调用代码。

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