当 JavaScript 开发过程中，我们经常会遇到异步操作，而 Promise 成为了处理异步操作最常用的工具之一。但是 Promise 也存在一些弊端，其中一点就是难以中断一个 Promise，如果在 Promise 刚开始执行时它已经变得多余或者失败了，我们通常只能在 Promise 执行完之后再进行下一步操作。如何优雅的中断 Promise 呢？这时候就需要 npm 包 promise-break。
promise-break 简介
promise-break 是一个在 Promise 中取消异步操作的工具，可以帮助我们在 Promise 执行的过程中随时中断操作，并且能够释放资源。它的特点如下：
返回一个外部控制的 Promise，可以在外部随时控制 Promise。
执行过程中可以随时中断 Promise。
释放已经创建的 Promise 对象，以避免内存泄露。
promise-break 使用
安装
promise-break 可以通过 npm 安装，使用命令行输入以下命令即可：
--- ------- -------------
引入
接下来需要在你的项目中引入 promise-break：
----- ------------ - -------------------------
使用
使用 PromiseBreak 就像使用 Promise 一样，只需要调用 PromiseBreak 构造函数，并把要包裹的 Promise 作为参数传入：
----- -- - --- ---------------------------
我们可以在外部控制 PromiseBreak：
------------------
使用 breakPromise 函数中断 Promise。在外部执行 breakPromise 后，内部的 Promise 将停止执行并立即被释放。
具体实现示例代码如下：
----- ------------ - -------------------------
-------- ------ -
--- ---------- - ------
----- ------- - --- ----------------- ------- -- -
--- ----- - ------------- -- -
-- ------------ -
--------------------
-------
-
---------------- -----------
-- ------
---
----- -- - --- ----------------------
-- ------- --- -------
------------- -- -
---------- - -----
------------------ -- -- -------
-- ------
-- ------- ------- --
------ -----------
-
------
-------------- -- -
--------------------
--
------------ -- -
-------------------
---在以上代码中，我们创建了一个 test 函数，使用 setTimeout 模拟 3 秒的异步操作，并在 2 秒的时候中断了异步操作。可以看到在控制台输出了 'Promise Raced' 的错误信息，这是因为在在我们中断操作后，Promise 已经被释放了，只能抛出错误信息。
指导意义
promise-break 提供了一种优雅的方式在 Promise 执行的过程中取消异步操作。当异步操作可中断的需求较多时，使用 promise-break 可以让代码更加简洁易读。
虽然 promise-break 的机制很简单，但是实现起来仍然需要一些基础的 Promise 和 JavaScript 知识。建议在掌握 Promise 基础知识之后再尝试使用本工具。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/70913