ES6嵌套Promise问题：外层函数错误未捕获

嘿，刚接触ES6和Promise链式调用是吧？我来帮你把这个逻辑理清楚，确保level1和level2都能正确返回Promise，实现你要的嵌套调用+链式处理的效果～

首先看你的示例代码，level2的写法是没问题的——它本身就返回了一个Promise，不管是resolve还是reject都符合要求。但level1目前的写法有个关键问题：它没有返回调用level2后的Promise链，这样调用端拿到的就不是Promise，没法继续链式处理了。

修正后的完整代码 #

function level2(data) {
  return new Promise((resolve, reject) => {
    // 可根据实际业务逻辑决定resolve或reject
    reject('fail');
    // 成功场景示例：resolve(`level2处理完成，数据：${data}`);
  });
}

function level1(info) {
  // 核心：必须返回level2调用后的Promise链，让level1本身成为Promise
  return level2('abc')
    .then((response) => {
      // then回调里返回普通值或Promise都可以，会自动被包装成Promise
      return `level1处理完成，拿到level2的响应：${response}`;
      // 异步场景示例：return new Promise(res => setTimeout(() => res('异步处理完成'), 1000));
    })
    .catch((error) => {
      // 处理level2抛出的错误
      console.log('level2执行失败：', error);
      // 两种选择：1. 继续抛出错误让调用端处理；2. 返回兜底值让链走成功逻辑
      return Promise.reject(`level1捕获到错误：${error}`);
      // return 'level1兜底处理后的默认值';
    });
}

// 调用端使用方式
level1('传入level1的信息')
  .then(finalResult => {
    console.log('最终成功结果：', finalResult);
  })
  .catch(finalError => {
    console.log('最终错误：', finalError);
  });

关键知识点拆解 #

• level2的正确性：它直接返回new Promise(...)，是标准的Promise创建方式，外部能通过then/catch处理其resolve或reject结果。
• level1必须返回Promise链：只有让level1返回level2().then().catch()的链式结果，level1本身才会成为Promise，调用端才能继续链式调用——这是新手最容易踩的坑：忘了return这条链！
• then的自动包装特性：在then回调里，不管返回普通值还是另一个Promise，then都会自动把它包装成resolved状态的Promise，不用每次手动new Promise(resolve(...))，能大幅简化代码。
• catch的错误传递：catch可以捕获上游所有reject，你可以选择在这里处理后返回新的成功值，也可以继续reject让调用端处理，灵活度拉满。

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