如何实现条件式Promise？避免重复.then内部代码的方法

我完全懂你的困扰——不想在「需要调用addImageFilter」和「不需要调用」这两种场景里，重复写一堆.then里的逻辑，毕竟DRY（Don't Repeat Yourself）原则可不是白说的。这里有几个实用的方案，能帮你优雅地处理这种条件式异步流程：

方案1：抽离公共逻辑为独立函数 #

首先把你原本写在.then里的重复代码单独拎出来，做成一个可复用的函数。然后通过条件判断决定Promise链是否插入addImageFilter步骤，最后统一挂载公共逻辑：

// 定义公共处理函数，把原本.then里的代码都放这儿
const handleCommonLogic = (processedResult) => {
  // 示例公共逻辑：比如渲染图片、更新状态等
  console.log('执行公共处理:', processedResult);
  // 记得返回结果，保证Promise链能继续传递数据
  return processedResult;
};

// 构建条件式Promise链
let imagePromise = fetchOriginalImage() // 你的初始异步操作，比如获取原图
  .then(originalResult => {
    // 根据业务条件决定是否调用异步的addImageFilter
    if (shouldApplyFilter) {
      return addImageFilter(originalResult);
    }
    // 不需要滤镜的话，直接返回原结果
    return originalResult;
  })
  // 不管有没有走滤镜分支，都会执行这一段公共逻辑
  .then(handleCommonLogic)
  .catch(error => {
    // 统一捕获整个链中的错误
    console.error('图片处理出错:', error);
  });

这样公共逻辑只需要写一次，两种场景都能复用，完美避免重复代码。

方案2：用Promise.resolve()灵活拼接链 #

如果你的初始操作本身也是动态的，或者想让链的拼接更灵活，可以用Promise.resolve()来包装初始值/初始Promise，然后根据条件追加步骤：

const handleCommonLogic = (result) => {
  // 公共逻辑代码
};

// 初始化Promise：可以是已有Promise，也可以是同步值
let promiseChain = Promise.resolve(initialImageData);

// 条件添加addImageFilter步骤
if (needFilter) {
  promiseChain = promiseChain.then(addImageFilter);
}

// 最后统一挂载公共处理和错误捕获
promiseChain
  .then(handleCommonLogic)
  .catch(err => console.error(err));

这种方式的好处是，你可以根据多个条件给链添加任意多的中间异步步骤，最后只需要一次绑定公共逻辑即可。

方案3：用async/await让逻辑更直观 #

如果你更喜欢同步风格的代码，async/await能让条件判断和流程控制看起来更清晰，完全不需要重复编写逻辑：

async function processImageWorkflow() {
  try {
    // 第一步：获取初始图片数据
    let imageData = await fetchOriginalImage();
    
    // 条件调用addImageFilter
    if (shouldApplyFilter) {
      imageData = await addImageFilter(imageData);
    }
    
    // 这里直接写公共逻辑，不用拆函数也可以（拆函数更利于复用）
    console.log('执行公共处理:', imageData);
    // 比如更新UI、保存数据等操作
    updateImagePreview(imageData);
    
    return imageData;
  } catch (error) {
    console.error('图片处理流程失败:', error);
    // 可选：向上抛出错误，让调用方处理
    throw error;
  }
}

// 调用整个流程
processImageWorkflow();

用async/await的话，整个流程就像普通的同步代码一样好读，条件分支和公共逻辑的关系一目了然，几乎没有额外的Promise语法负担。

核心思路其实很简单：把公共逻辑从分支里抽离出来，或者在所有条件分支执行完毕后统一执行，这样就不用在不同的分支里重复写相同的代码了。你可以根据自己的代码风格选择合适的方案~

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