简介
在编写前端代码时，我们经常会需要执行一些函数，但是不希望立即执行，而是在一定时间之后再执行。这种场景通常需要使用定时器来实现，但 JavaScript 中的定时器 API 并不是很友好，并且使用不当还可能会导致性能问题。npm 包 call-later 可以解决这个问题。
call-later 是一个用于管理函数调用延迟的 npm 包，使用起来非常方便，可以避免使用 setInterval 和 setTimeout 带来的问题。
安装
使用 npm 安装 call-later：
--- ------- ----------
基本用法
使用 call-later 很简单，只需要引入包并调用后，就可以将函数延迟执行：
----- --------- - ---------------------- ------------ -- - ------------------- --------- -- ------
上面的代码会输出“Hello, world!”字符串，但是需要等待 1 秒钟后才会输出。callLater 方法的第一个参数为要延迟执行的函数，第二个参数为延迟的时间毫秒数。
高级用法
call-later 还提供了更多高级用法，例如多次延迟执行、取消已经延迟的函数等。详细说明如下。
多次延迟执行
call-later 允许我们设置一次延迟执行后，再次设置下一次的延迟时间。
----- --------- - ---------------------- --- - - -- -- -- - ------------ - - -------- ------------- - -- -- - -- ------- --------------- ---- ---------------------- ------ - ---------------------- ------
上面的代码每隔 1 秒钟输出一个数字，共输出 5 次。第一次调用 callLater 后，会调用 printNumber 函数输出 0，然后在 1 秒钟之后再次调用 callLater，这次传入的参数为 printNumber 函数和 1000 毫秒，表示在 1 秒钟之后再次调用 printNumber。因此这个函数将每隔 1 秒钟执行一次，直到输出了 5 次数字。
取消已经延迟的函数
使用 callLater 可以设置一次或多次的延迟函数，但是我们也可以取消已经设定的延迟函数。
----- --------- - ---------------------- ----- ----- - ------------ -- --- ------ -----------------------
上面的代码创建一个 1 秒钟后执行的函数后，通过 callLater.clear 方法取消了该函数。
总结
call-later 是一个非常好用的 npm 包，可以有效地解决函数定时执行的问题，并且提供了多次延迟执行和取消已经延迟的函数等更高级的功能。使用 call-later 可以提升我们的编码效率，让我们的前端代码更加优雅。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066c90ccdc64669dde58d9