在前端开发过程中，经常需要在满足某种条件的情况下进行一些操作。如果你使用的是 JavaScript，那么 do-when 这个 npm 包就会是一个不错的选择。
do-when 简介
do-when 是一个 JavaScript 工具包，它提供了一些方法来执行异步操作，并在满足指定条件时继续操作。通常情况下，当我们需要在某个条件被满足时执行某个函数时，使用 setTimeout 或 setInterval 是一个常见的方式。但是，这种方式存在一些问题，比如可能会出现性能瓶颈、代码不够优雅等等。这就是 do-when 产生的原因。
do-when 安装
使用 do-when 需要先进行安装。
npm install do-when --save
do-when 相关方法
doWhen(condition, action)
此方法将在指定条件被满足时执行操作。
import { doWhen } from 'do-when';
const arr = [1, 2, 3];
doWhen(() => arr.length > 5, () => {
console.log('arr length more than 5');
});上述代码中，当 arr 的长度大于 5 时，打印 "arr length more than 5"。
doWhenPromise(condition, action)
此方法将在指定条件被满足时使用 Promise 执行操作。
-- -------------------- ---- -------
------ - ------------- - ---- ----------
----- --- - --- -- ---
---------------- -- ---------- - -- -- -- -
------ --- ----------------- -- -
------------- -- -
--------------------
-- ------
---
---------------- -- -
------------------- -- --------
---上述代码中，当 arr 的长度大于 5 时，等待 1 秒后，打印 "result resolved"。
doWhile(condition, action)
此方法将在指定条件为真时持续执行操作。
import { doWhile } from 'do-when';
let i = 0;
doWhile(() => i < 5, () => {
console.log(i);
i++;
});上述代码中，打印 0 - 4。
doWhilePromise(condition, action)
此方法将在指定条件为真时使用 Promise 持续执行操作。
-- -------------------- ---- -------
------ - -------------- - ---- ----------
--- - - --
----------------- -- - - -- -- -- -
------ --- ----------------- -- -
------------- -- -
---------------
----
----------
-- ------
---
---------- -- -
--------------------
---上述代码中，每隔 1 秒打印一个数字，从 0 到 4，然后打印 "done"。
do-when 注意事项
- 指定条件和操作都必须是函数。
- 避免在操作中使用同步操作，这可能会导致性能瓶颈。
结语
do-when 是一个非常实用的 npm 包，它可以帮助我们更好地处理异步操作和条件控制。希望这篇教程可以让你更好地了解 do-when 的使用方法，从而为你的开发带来帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/do-the-when