如何用JavaScript实现网络请求的三种方法？

本文共计2058个文字，预计阅读时间需要9分钟。

目录 + 背景 + 前言 + XMLHttpRequest + Promise + async/await + 结尾 + 背景 + 为了应对日益增长的测试需求，减少重复性工作，拥有智能硬件测试团队。基于 electron + 开发了系列测试效率工具。 + 随着 + 工具的快速 + 使用

目录

• 背景
• 前言
• XMLHttpRequest
• Promise
• async/await
• 结语

背景

为了应对越来越多的测试需求，减少重复性的工作，有道智能硬件测试组基于 electron 开发了一系列测试提效工具。

随着工具的快速开发迭代，代码中出现了越来越多的嵌套的回调函数，工具崩溃的几率也越来越大。为了解决这些问题，我们用 async/await 对这些回调函数进行了重构，使得代码量下降，代码的可读性和可理解性都有了大幅度提高。

本文介绍了基于 XMLHttpRequest、Promise、async/await 等三种异步网络请求的写法，其中 async/await 写法允许我们以类似于同步的方式编写异步程序，摆脱繁琐的回调函数。

前言

在 js 中如果只是发起单个网络请求还不算复杂，用fetch、axios或者直接用XMLHttpRequest就能满足要求。