在前端开发中，我们经常会使用到 Promise 进行异步操作。那么，你是否了解 Promise 实例的生命周期呢？本文将详细介绍 Promise 实例从创建到完成的整个过程，希望能帮助大家更好地理解 Promise 的工作原理。
Promise 简介
首先，我们需要了解 Promise 的基本概念。Promise 是一种用于处理异步操作的对象，它实现了一种单向触发式的监听器模式，即所监听的事件只会被触发一次。
Promise 有三个状态：pending（等待状态）、fulfilled（完成状态）和rejected（失败状态）。一旦 Promise 的状态从 pending 转变为 fulfilled 或 rejected，就称为 settled（已定型状态）。在 settled 状态下，Promise 不可再次改变状态。
下面我们来详细介绍 Promise 实例的生命周期：
创建 Promise
创建 Promise 实例时，需要传入一个执行器函数，并立即执行该函数。执行器函数接受两个参数：resolve 和 reject。resolve 函数用于将 Promise 的状态从 pending 转变为 fulfilled；reject 函数用于将 Promise 的状态从 pending 转变为 rejected。
示例代码：
----- ------- - --- ----------------- ------- -- -
-- ------
-- --- ------ --- -
-------------- -- -- ------- --- ---------
- ---- -
-------------- -- -- ------- --- --------
-
---pending 状态
当 Promise 创建完成后，它处于 pending 状态。在这个阶段，Promise 还未决定是成功还是失败。这是我们通常使用 Promise 的时候，最初的状态。
fulfilled 状态
当异步操作成功完成时，Promise 的状态被改变为 fulfilled，表示操作成功完成。此时，Promise 实例会调用其 then 方法执行相应的操作。
示例代码：
-------------
---- -- -
-- -- ------- - --------- --
--
----- -- -
-- -- ------- - -------- --
-
--rejected 状态
当异步操作失败时，Promise 的状态被改变为 rejected，表示操作失败。此时，Promise 实例会调用其 catch 方法执行相应的操作。
示例代码：
------------------- -- - -- -- ------- - -------- -- ---
settled 状态
当 Promise 的状态从 pending 转变为 fulfilled 或 rejected 时，Promise 进入 settled 状态，表示 Promise 的状态已经定型。在 settled 状态下，Promise 的状态不再改变。
示例代码：
------------------ -- - -- ------- -- ---
总结
通过本文的介绍，我们了解了 Promise 实例从创建到完成的生命周期。掌握 Promise 生命周期的理解，能够更好地帮助我们理解 Promise 的工作原理，更加灵活地运用 Promise 进行异步操作。因此，建议大家在学习 Promise 的过程中仔细理解 Promise 实例的生命周期，从而更好地掌握 Promise 的使用。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/65374c0a7d4982a6ebfc4978