在 JavaScript 中，Promise 是一种处理异步操作的方式。它可以帮助我们更好地管理代码，避免了回调地狱的问题。本文将介绍 Promise 的基本概念、用法和示例。
什么是 Promise？
Promise 是一个对象，它代表着一个异步操作的最终完成或失败。它有三种状态：
pending（进行中）：Promise 实例刚被创建时的初始状态。fulfilled（已完成）：异步操作成功完成。rejected（已失败）：异步操作失败。
当 Promise 的状态变为 fulfilled 或 rejected 时，它就变成了“已定型”的状态，此时就可以得到它的值或原因。
Promise 的基本用法
Promise 的构造函数接受一个函数作为参数，这个函数又接受两个参数：resolve 和 reject，分别表示异步操作成功和失败时的回调函数。在这个函数中，我们可以执行异步操作，并在适当的时候调用 resolve 或 reject 函数。
----- ------- - --- ----------------- ------- -- -
-- ------
-- -------- -
-----------------
- ---- -
------------------
-
---Promise 实例有两个重要的方法：then() 和 catch()。then() 方法接受两个参数：onFulfilled 和 onRejected，分别表示异步操作成功和失败时的回调函数。catch() 方法只接受一个参数：onRejected，表示异步操作失败时的回调函数。
------------------------- ------------ --------------------------
Promise 的示例
下面是一个简单的示例，我们使用 Promise 来异步加载一张图片，并在加载完成后显示出来。
-------- -------------- -
------ --- ----------------- ------- -- -
----- --- - --- --------
---------- - -- -- -
-------------
--
----------- - -- -- -
---------- ----------- ------ ------
--
------- - ----
---
-
------------------------------------------
----------- -- -
-------------------------------
--
-------------- -- -
---------------------
---在上面的代码中，我们定义了一个 loadImage() 函数，它返回一个 Promise 对象。在这个函数中，我们创建了一个 Image 对象，并设置了它的 onload 和 onerror 事件处理函数。当图片加载成功时，我们调用 resolve(img)，并将图片对象作为参数传递给 resolve() 函数。当图片加载失败时，我们调用 reject() 函数，并将一个 Error 对象作为参数传递给它。
在调用 loadImage() 函数时，我们使用了 then() 方法来处理异步操作成功完成的情况。在 then() 方法中，我们将加载成功的图片对象添加到了页面中。如果异步操作失败，我们使用 catch() 方法来处理失败的情况，并将错误信息输出到控制台中。
结论
Promise 是一种非常有用的异步操作处理方式，在 JavaScript 中得到了广泛的应用。使用 Promise 可以更好地管理代码，避免了回调地狱的问题。本文介绍了 Promise 的基本概念、用法和示例，希望对读者有所帮助。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/673340ed0bc820c58241594b