Promise链中的条件控制流实现：如何优雅跳过部分链式调用

你原来的写法存在语法错误，因为Promise的.then()必须直接跟在Promise/thenable对象之后，不能被if语句打断链式结构。这里提供几种简洁优雅的实现方式：

方式一：在链式中嵌入条件判断 #

直接在.then()回调里根据条件决定是否执行C、D逻辑，不满足条件时直接返回当前结果：

function f(condition) {
  return A()
    .then(B)
    .then(result => {
      // 满足条件时执行C和D，否则直接返回结果
      return condition ? Promise.resolve(result).then(C).then(D) : result;
    })
    .then(E);
}

方式二：抽离条件逻辑为独立函数 #

把需要条件执行的C、D逻辑封装成单独函数，让主链式结构更清晰：

// 封装条件分支的逻辑
function runCD(result) {
  return Promise.resolve(result).then(C).then(D);
}

function f(condition) {
  return A()
    .then(B)
    .then(result => condition ? runCD(result) : result)
    .then(E);
}

方式三：使用async/await（最直观） #

如果环境支持ES2017+，用async/await可以把异步控制流写成同步代码的样子，可读性拉满：

async function f(condition) {
  let result = await A();
  result = await B(result);
  
  if (condition) {
    result = await C(result);
    result = await D(result);
  }
  
  result = await E(result);
  return result;
}

这几种方式都能完美实现你的需求，其中async/await写法最容易理解，适合复杂的条件控制场景；前两种则保持了Promise链式风格，适合习惯链式调用的场景。

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