鸿蒙 next -arkts- 实现防抖节流功能
ClickUtil
/**
* 节流:在一定时间内,只触发一次
* @param func 要执行的回调函数
* @param wait = 1500 延时的时间 毫秒
* @param immediate = true 是否立即执行
*/
复制代码
/**
* 防抖:一定时间内,只有最后一次操作,再过 wait 毫秒后才执行函数
* @param func 要执行的函数
* @param wait 延时的时间
*/
本文字数:780 字
阅读完需:约 3 分钟
/**
* 节流:在一定时间内,只触发一次
* @param func 要执行的回调函数
* @param wait = 1500 延时的时间 毫秒
* @param immediate = true 是否立即执行
*/
export class ClickUtil {
private constructor() {
}
private static throttleTimeoutID: number; //节流timeoutID
private static flag: boolean = false; //节流flag,true=已经进入执行状态了
private static debounceCacheID: number; //防抖timeoutID
static throttle(func: () => void, wait: number = 1000, immediate: boolean = true) {
if (immediate) {
if (!ClickUtil.flag) {
ClickUtil.flag = true;
typeof func === 'function' && func();
ClickUtil.throttleTimeoutID = setTimeout(() => {
ClickUtil.flag = false;
clearTimeout(ClickUtil.throttleTimeoutID);
}, wait);
}
} else {
if (!ClickUtil.flag) {
ClickUtil.flag = true;
ClickUtil.throttleTimeoutID = setTimeout(() => {
ClickUtil.flag = false;
typeof func === 'function' && func();
clearTimeout(ClickUtil.throttleTimeoutID);
}, wait);
}
}
}
static debounce(func: () => void, wait: number = 1000) {
if (ClickUtil.debounceCacheID) {
clearTimeout(ClickUtil.debounceCacheID);
}
let timeoutID = setTimeout(() => {
typeof func === 'function' && func();
clearTimeout(timeoutID);
}, wait);
ClickUtil.debounceCacheID = timeoutID;
}
}
/**
* 防抖:一定时间内,只有最后一次操作,再过 wait 毫秒后才执行函数
* @param func 要执行的函数
* @param wait 延时的时间
*/
还未添加个人签名 2024-10-29 加入
还未添加个人简介
促进软件开发及相关领域知识与创新的传播
评论