使用Fetch异步读取文件并返回处理结果的问题求助

数据老陈

2026-6-26

异步文件读取与数据处理问题修复

原代码核心问题

fetchData 作为async函数，内部未返回读取到的文本，调用后得到的是resolve为undefined的Promise
调用fetchData()时未加await，导致response是Promise实例而非实际文本数据
混用await与.then导致逻辑混乱，且.then中未返回目标值

推荐修正方案（统一用async/await）

async function myFunction() {
  async function fetchData() {
    try {
      const res = await fetch("./my_file.txt");
      const text = await res.text();
      return text; // 返回读取到的文本内容
    } catch (e) {
      console.error(e);
      throw e; // 抛出错误供上层处理，可选
    }
  }

  const response = await fetchData(); // 用await获取实际文本数据
  // 在这里处理数据，示例：转大写
  const processedResult = response.toUpperCase();
  return processedResult;
}

// 调用myFunction时需用await或.then获取结果
// myFunction().then(result => console.log(result)).catch(err => console.error(err));

若需保留.then写法的修正版

function fetchData() {
  return fetch("./my_file.txt")
    .then(res => res.text())
    .then(text => {
      return text; // 返回文本，使Promise resolve为该值
    })
    .catch(e => {
      console.error(e);
      throw e;
    });
}

async function myFunction() {
  const response = await fetchData();
  // 数据处理逻辑
  return response;
}