在前端编程中，Promise 是一种非常有用的异步编程模式。但是，当我们有一些复杂的 Promise 链时，可能会变得难以管理和调试。此时，我们可以使用 es6-promise-peek 这个 npm 包来轻松地调试 Promise 链。
什么是 es6-promise-peek
es6-promise-peek 是一个 npm 包，用于在 Promise 链中查看当前 Promise 对象的状态和值。它可以帮助我们更轻松地理解和调试我们的代码。
如何安装 es6-promise-peek
要使用 es6-promise-peek，我们需要先安装它。在终端中运行以下命令：
npm install es6-promise-peek
如何使用 es6-promise-peek
现在我们已经安装了 es6-promise-peek，下面就让我们看看如何使用它。
假设我们有以下的 Promise 链：
-- -------------------- ---- -------
-----------------
-------- -- -
------ -----------------------
--
------------- -- -
------ --- ----------------- -- -
------------- -- ------------- - - ------ ------
---
--
------------- -- -
-------------------
---为了在 Promise 链中查看当前 Promise 对象的状态和值，我们只需要在链中添加以下代码：
import es6Peek from "es6-promise-peek"; es6Peek.enable();
此时，我们运行这个 Promise 链，就会在控制台看到如下信息：
[es6-promise-peek]: Promise {[[PromiseStatus]]: "pending", [[PromiseValue]]: undefined}
[es6-promise-peek]: Promise {[[PromiseStatus]]: "pending", [[PromiseValue]]: undefined}
[es6-promise-peek]: Promise {[[PromiseStatus]]: "resolved", [[PromiseValue]]: "foo"}
[es6-promise-peek]: Promise {[[PromiseStatus]]: "pending", [[PromiseValue]]: undefined}
[es6-promise-peek]: Promise {[[PromiseStatus]]: "resolved", [[PromiseValue]]: "foo bar"}
foo bar我们可以看到，es6-promise-peek 输出了每个 Promise 的状态和值。这个信息非常有用，特别是在调试 Promise 链时。
为了在 Promise 链中禁用 es6-promise-peek，我们只需要在链中添加以下代码：
import es6Peek from "es6-promise-peek"; es6Peek.disable();
es6-promise-peek 的指导意义
我们可以看到，es6-promise-peek 对于调试 Promise 链非常有用。它可以让我们更轻松地管理和理解我们的代码。但是，我们也应该注意不要在生产环境中使用它，因为它会影响性能。
示例代码
下面是一个完整的例子：
-- -------------------- ---- -------
------ ------- ---- -------------------
-----------------
-----------------
-------- -- -
------ -----------------------
--
------------- -- -
------ --- ----------------- -- -
------------- -- ------------- - - ------ ------
---
--
------------- -- -
-------------------
------------------
---希望这篇文章对你有帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600554bf81e8991b448d1f52