写点什么

鸿蒙 next -arkts- 实现防抖节流功能

作者:flfljh
  • 2024-12-19
    湖南
  • 本文字数:780 字

    阅读完需:约 3 分钟

ClickUtil

/**

* 节流:在一定时间内,只触发一次

* @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 延时的时间

*/

用户头像

flfljh

关注

还未添加个人签名 2024-10-29 加入

还未添加个人简介

评论

发布
暂无评论
鸿蒙 next -arkts-实现防抖节流功能_flfljh_InfoQ写作社区