在前端开发中，我们经常需要通过 ajax 请求来获取 server 端的数据。但是我们的代码需要处理异步的结果，Promise 就是为处理异步任务而生。
Promise 对象本身是一个容器，保存了某个未来才会结束的事件（通常是一个异步操作）的结果。Promise 对象可以让你更加优雅的处理异步行为。我们可以通过链式调用 then，catch 和 finally 实现异步操作的处理。
让我们来看一个使用 Promise 实现 Ajax 请求的例子。
-- -------------------- ---- -------
-------- ------------ -------- -
------ --- ----------------- ------- -- -
----- --- - --- -----------------
------------------------ ---- ------
---------------------- - -------- -- -
-- --------------- --- -- -
-- ----------- -- --- -- ---------- - ---- -
--------------------------
- ---- -
---------- -----------------------
-
-
--
----------- - -------- -- -
---------- -------------- ---------
--
-----------------------
---
-这是一个基础的 Ajax 请求函数，我们可以通过调用该函数来发送请求并获取服务器端的数据。下面是一个示例代码：
request('https://api.github.com/users/github')
.then(res => console.log(res))
.catch(err => console.error(err))
.finally(() => console.log('请求结束'));通过上面的代码，我们可以看到请求的过程大概是这样的：
- 调用 request 函数发送 Ajax 请求。
- 服务器端给出响应后触发指定的回调函数。
- 根据响应的状态码判断请求是否成功。
- 如果请求成功，则调用 resolve 函数，并返回响应结果。
- 如果请求失败，则调用 reject 函数，并返回错误信息。
- 在 then 的回调函数中处理请求成功的结果。
- 在 catch 的回调函数中处理请求失败的结果。
- 最后无论请求成功还是失败，都会触发 finally 中的回调函数。
在实际开发中，我们通常需要通过 Promise 来处理异步行为。在大多数情况下，then，catch 和 finally 就能完成一切异步操作的处理。因此，掌握 Promise 及其相关的方法是非常重要的。
这里提醒一下，Promise 中的 then，catch 和 finally 只会处理异步行为。也就是说，我们需要避免在 Promise 中使用同步的代码，否则可能会导致 Promise 失效。
总结一下，使用 Promise 来实现异步请求是一种非常优雅的方式。在日常开发中，我们需要掌握 Promise 及其相关的方法，来更好地处理异步行为。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64652473968c7c53b05ec88c