在开发前端应用的过程中，有时需要限制某些事件的触发频率，以减轻服务器负载或提高应用性能。这就是 throttling 的作用。而 npm 包 throttleit 就是一个很好的实现该功能的工具。
安装
在命令行中执行以下命令：
npm install throttleit --save
使用
使用 throttleit 很简单，只需引入包并传入需要进行 throttling 的函数和时间间隔即可。
-- -------------------- ---- ------- ------ -------- ---- ------------- ----- ---- - -- -- - ----------------- -------- -- ----- ------------- -- ----- ------------- - -------------- ------ -- -------- ---- -- ---- ------------- ------- ------------------ ----------------
除了基本的使用方式外，还可以传入更多的参数以定制化 throttleit 的行为。例如：
const options = {
leading: true, // 是否在开始时执行一次 func，默认为 true
trailing: false // 是否在结束时再执行一次 func，默认为 false
}
const throttledFunc = throttle(func, 1000, options);深入理解
throttleit 的原理其实很简单：在指定时间间隔内，如果多次调用了被 throttled 的函数，则忽略所有调用，只保留最后一次调用并在时间间隔结束时执行。
我们可以自己实现一个简单的 throttle 函数，来更深入地理解它的运作方式。
-- -------------------- ---- -------
-------- -------------- ----- -
--- ----- - -----
------ ---------- -
-- -------- -
---------------- -----------
----- - ------------- -- - ----- - ---- -- ------
-
-
-这个 throttle 函数只有基本的功能，也无法支持 leading 和 trailing 的选项，但它足以说明 throttling 的核心原理。
总结
throttleit 是一个非常实用的 npm 包，可以帮助我们限制某些事件的触发频率，从而提高应用性能。了解其原理和使用方式，对于前端开发人员来说是非常有帮助的。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/49539