_.debounce和_.throttle
【下文摘自lodash官方文档】
Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库。
Lodash 通过降低 array、number、objects、string 等等的使用难度从而让 JavaScript 变得更简单。 Lodash 的模块化方法 非常适用于:
- 遍历 array、object 和 string
- 对值进行操作和检测
- 创建符合功能的函数
在项目中实际使用得最多的例如_.debounce和_.throttle
创建一个 debounced(防抖动)函数,该函数会从上一次被调用后,延迟 delayTime 毫秒后调用 func 方法。 debounced(防抖动)函数提供一个 cancel 方法取消延迟的函数调用以及 flush 方法立即调用。 可以提供一个 options(选项) 对象决定如何调用 func 方法,options.leading 与|或 options.trailing 决定延迟前后如何触发(注:是 先调用后等待 还是 先等待后调用)。 func 调用时会传入最后一次提供给 debounced(防抖动)函数 的参数。 后续调用的 debounced(防抖动)函数返回是最后一次 func 调用的结果。
注意: 如果 leading 和 trailing 选项为 true, 则 func 允许 trailing 方式调用的条件为: 在 delayTime 期间多次调用防抖方法。
如果 delayTime 为 0 并且 leading 为 false, func调用将被推迟到下一个点,类似setTimeout为0的超时。
创建一个节流函数,在 delayTime秒内最多执行 func 一次的函数。 该函数提供一个 cancel 方法取消延迟的函数调用以及 flush 方法立即调用。 可以提供一个 options 对象决定如何调用 func 方法, options.leading 与|或 options.trailing 决定 delayTime 前后如何触发。 func 会传入最后一次传入的参数给这个函数。 随后调用的函数返回是最后一次 func 调用的结果。
注意: 如果 leading 和 trailing 都设定为 true 则 func 允许 trailing 方式调用的条件为: 在 delayTime 期间多次调用。
如果 delayTime 为 0 并且 leading 为 false, func调用将被推迟到下一个点,类似setTimeout为0的超时。
【注意】
Lodash debounce会返回一个function,必须调用从 debounce(......) 返回的函数才有效。
// 无效
const favoriteHandler = () => {
debounce(toggleFavorite, 500);
};
// 正确用法
const favoriteHandler = debounce(() => {
favorited.value = !favorited.value;
toggleFavorite();
}, 500);
这个人暂时没有 freestyle