本文介绍如何使用现代 JavaScript（ES2017+）配合 fetch() 和 async/await，仅用一行代码将远程文本文件（如 .txt、.json、.md）加载为字符串。
本文介绍如何使用现代 javascript（es2017+）配合 `fetch()` 和 `async/await`，仅用一行代码将远程文本文件（如 `.txt`、`.json`、`.md`）加载为字符串。
在浏览器环境中，fetch() 是读取外部文本资源的标准方式。但需注意：fetch(url) 返回的是一个 Response 对象，而非原始字符串——必须显式调用 .text() 方法解析响应体。因此，真正“一行可执行”的写法需结合 await 与链式 Promise 处理：
const data = await fetch(url).then(res => res.text());
✅ 这行代码简洁、符合语义，且在 async 函数上下文中可直接运行。它等价于更展开的写法：
const response = await fetch(url); const data = await response.text();
⚠️ 注意事项：
- 必须在 async 函数内使用 await，否则会报语法错误；
- fetch() 不会自动拒绝网络错误（如 404、500），仅在请求根本失败（如离线、CORS 阻断）时 reject；若需校验 HTTP 状态码，建议添加 res.ok 判断：
const data = await fetch(url).then(res => res.ok ? res.text() : Promise.reject(new Error(`HTTP ${res.status}`))); - 无法用于读取本地文件系统（如 file:// 协议），受限于浏览器安全策略；开发时请部署到本地服务器（如 http://localhost）测试；
- 若需兼容旧环境（无 async/await），可用纯 Promise 链：
fetch(url).then(res => res.text()).then(data => console.log(data));
总结：虽然不能像 fetch(url).data 那样“魔法般”一步到位，但借助 .then(res => res.text()) 的链式调用，配合 await，即可在语义清晰、健壮可控的前提下，真正实现「一行读取文本」的目标。
立即学习“Java免费学习笔记（深入）”；
