JavaScript async/await入门核心用法解析（新手必看）

async/await入门相关的资料网上一搜一大把，这篇文章有什么不同？区别在于：只讲实战中验证过的经验，不抄文档，不堆概念。

认识一下async/await入门

这篇文章的起因很简单：后台收到好几位读者问async/await入门相关的问题，而且问题高度相似。看来有必要把这个问题集中讲一次。

async/await入门的核心要点

• async/await入门和其他功能组合使用时要留心副作用，必要时写个小 demo 验证。
• async/await入门的命名和用法要保持团队内一致，否则后期维护成本会成倍增加。
• async/await入门的输出结果要做展示前的转义或格式化，避免安全和显示问题。
• 定期回顾自己写的async/await入门相关代码，随着经验增长总能发现改进空间。

接下来用代码实际演示一下async/await入门。

async/await入门实战代码

fetch 请求封装：

async function getJson(url) {
  const res = await fetch(url, { headers: { 'Accept': 'application/json' } });
  if (!res.ok) throw new Error('HTTP ' + res.status);
  return res.json();
}
getJson('/api/list?page=1').then(console.log).catch(console.error);

这些细节要注意

1. 备份永远是对的，尤其是动数据库之前，一条备份命令能救你一命。
2. 磁盘空间不足会引发各种莫名其妙的问题，监控告警要配上。
3. 文档和代码要同步更新，过期文档比没有文档更害人。
4. 不要忽视 warning，它往往是 error 的前奏。

总结

关于async/await入门，能讲的基本都讲了。剩下的百分之一，需要你在自己的项目里慢慢体会，那才是属于你的经验。

---

遇见问题加 QQ23979811 协助处理