能否将基于Promise的fetch数据处理代码改写为async函数？

当然可以把这段基于Promise的代码转换成async/await写法，逻辑完全对应，不存在无法实现的情况。

先模拟你的原Promise链式调用代码：

fetch('pessoas.json')
  .then(res => res.json())
  .then(pessoasList => {
    const pessoaMap = new Map();
    // 原第二个then里的循环构建逻辑
    for (const pessoa of pessoasList) {
      pessoaMap.set(pessoa.id, pessoa);
    }
    return pessoaMap;
  })
  .then(finalMap => {
    // 后续处理Map的逻辑
    console.log('处理完成的Map:', finalMap);
  })
  .catch(err => console.error('请求或处理出错:', err));

对应的async/await版本如下，完全对应原逻辑：

async function handlePessoasData() {
  try {
    // 对应第一个then：获取并解析JSON
    const res = await fetch('pessoas.json');
    const pessoasList = await res.json();

    // 对应原第二个then的循环构建Map，同步逻辑直接写就行
    const pessoaMap = new Map();
    for (const pessoa of pessoasList) {
      pessoaMap.set(pessoa.id, pessoa);
    }

    // 对应原第三个then：处理Map
    console.log('处理完成的Map:', pessoaMap);
    return pessoaMap;
  } catch (err) {
    console.error('请求或处理出错:', err);
  }
}

// 执行函数
handlePessoasData();

关键说明 #

• async/await只是Promise的语法糖，完全能映射原链式调用的每一步流程
• 原第二个then里的循环是同步逻辑，在async函数里直接编写即可，不需要额外包裹Promise（除非循环内部有异步操作，但你这里是构建Map，纯同步）
• 如果你之前转换时遇到问题，大概率是误将同步循环当成异步操作处理（比如没必要给循环加await），或者没有用try/catch覆盖完整的异步流程

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