在JavaScript中，Promise是一种处理异步操作的机制。它被广泛地用于网络请求等需要长时间等待响应的场景。本文将通过示例演示如何使用Promise。
Promise的基本用法
Promise有三种状态：pending、fulfilled和rejected。当一个Promise对象创建时，初始状态为pending。当Promise成功执行时，它的状态会变为fulfilled；当Promise发生错误时，则变为rejected。
下面是一个简单的Promise示例：
----- ------- - --- ----------------- ------- -- -
----- ------ - --------------
-- -------- -
----------------
- ---- -
---------- ---------------- ---- ---------
-
---
-------
------------ -- --------------------
------------ -- ----------------------上述代码中，我们定义了一个Promise对象，该对象执行的函数带有两个参数resolve和reject，分别表示Promise成功和失败的情况。在这个例子中，我们假设doSomething()函数可以返回一个结果。如果结果存在，就通过resolve()方法传递给后续的.then()回调函数；否则，就通过reject()方法传递错误信息给.catch()回调函数。
在Promise实例化之后，我们可以通过.then()和.catch()方法来注册成功和失败的回调函数。在执行过程中，如果Promise对象状态变为fulfilled，则会触发.then()回调函数；如果状态变为rejected，则会触发.catch()回调函数。
Promise链式调用
Promise还支持链式调用，即.then()方法返回一个新的Promise对象，可以继续使用.then()方法进行后续操作。这种机制使得异步任务可以按照一定的顺序执行。
下面是一个Promise链式调用的示例：
------------- ------------ -- ------------------------ --------------- -- ------------------------ ----------------- -- ---------------- --- ----- ------- ----------------- ------------ -- ----------------------
在上述代码中，我们首先执行了doSomething()函数，它返回一个Promise。然后，我们通过.then()方法注册了一个回调函数，该回调函数会接收到doSomething()函数的执行结果，并将其传递给doSomethingElse()函数。doSomethingElse()函数也是一个Promise，并且通过.then()方法将其结果传递给doThirdThing()函数。最后，我们可以通过.then()方法获取doThirdThing()函数的执行结果，并打印出来。
如果在任意一个.then()回调函数或.doSomething()、doSomethingElse()或doThirdThing()函数中发生错误，则会立即进入.catch()回调函数中，返回错误信息。
Promise.all()和Promise.race()
除了基本的Promise用法和链式调用，Promise提供了两个有用的工具：Promise.all()和Promise.race()。
Promise.all()可以同时处理多个Promise，并在所有Promise全部成功后返回一个数组，其中包含每个Promise的结果。例如：
----- -------- - ---------- --------- ---------- --------------------- ------------- -- --------------------- ------------ -- ----------------------
在上述代码中，我们定义了一个包含三个Promise的数组promises，然后通过Promise.all()方法同时处理这三个Promise。如果所有Promise都成功，则返回一个数组results，其中包含每个Promise的结果。如果有任何一个Promise失败，则进入.catch()回调函数，返回错误信息。
Promise.race()用于处理多个Promise，并在第一个Promise成功或失败时立即返回相应结果。例如：
----- -------- - ---------- --------- ---------- ---------------------- ------------ -- -------------------- ------------ -- ----------------------
在上述代码中，我们定义了一个包含三个Promise的数组promises，然后通过Promise.race()方法处理这三个Promise。如果其中任何一个Promise成功或失败，则立即返回相应结果，并触发.then()或.catch()回调
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/3434