如何去除JavaScript Promise嵌套代码的缩进以简化逻辑？

你的代码里手动创建Promise完全是多余的——fetch本身就返回Promise，且async函数天然会把返回值包装成Promise，直接利用这两个特性就能彻底消除冗余缩进。

改造后的最终代码 #

async function getData(url) {
  try {
    // 用await替代then链，扁平化代码
    const resp = await fetch(url);
    const json = await resp.json();
    
    // 把原then中的json处理逻辑抽成单独函数，减少主函数缩进
    handleJsonData(json);
    
    // 原代码中"more code here"的逻辑
    // ...
    
    return; // async函数的return等价于原代码的resolve
  } catch (error) {
    // 对应原代码的双层错误处理逻辑
    if (error instanceof TypeError) {
      // 这里处理fetch/resp.json的网络类错误，对应原fetch的catch
      // more code here
      return; // 原代码此处调用resolve，所以直接return
    } else {
      // 处理其他逻辑错误，对应原外层try-catch的reject
      // more code here
      throw error; // async函数的throw等价于原代码的reject
    }
  }
}

// 抽离子逻辑，让主函数结构更清爽
function handleJsonData(json) {
  // 原代码中"some code here"的逻辑
}

关键优化点 #

• 抛弃手动new Promise：async函数本身就是Promise的语法糖，不需要手动封装resolve/reject，直接用return和throw就能完成状态切换。
• 用await替代then链：把嵌套的.then回调改成同步写法，彻底消除多层缩进。
• 抽离子逻辑：将单独的业务处理（比如json解析后的操作）放到独立函数中，进一步简化主函数的结构。

关于你疑惑的「Promise内部使用async函数」 #

其实这个场景完全不需要在Promise构造器里用async——async函数返回的就是Promise，直接用async函数包裹整个逻辑，比手动写Promise构造器简洁得多。如果真遇到需要在回调中用async的场景（比如数组map），直接写async () => {}即可，但你的代码里完全没必要这么做。

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