防抖方法框

最新推荐文章于 2025-12-03 01:54:38 发布

原创最新推荐文章于 2025-12-03 01:54:38 发布 · 138 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#笔记

轮子专栏收录该内容

3 篇文章

订阅专栏

本文介绍了如何使用JavaScript实现防抖方法框，提供了一个名为`antiShakingFrame`的函数，用于在一定时间间隔后稳定执行回调函数，避免频繁触发。通过实例展示了函数的使用和参数传递方式。

/**
 * 防抖方法框
 * @param wait
 * @param func
 * @returns () => {}
 */
export const antiShakingFrame = (wait: number, func?: Function) => {
  let timer: any = null;
  //params可以是方法被调用
  return (params?: Function | any) => {
    if (timer) {
      clearTimeout(timer);
    }
    timer = setTimeout(() => {
      if (typeof params == "function") {
        params();
      } else if (func) {
        func(params);
      }
    }, wait);
  };
};

const mainFunction = () => {};
//使用实例1：
const testShank = antiShakingFrame(500,mainFunction );
testShank();
//使用实例1扩展：
const params = {};
const testShank = antiShakingFrame(500,(params) => {mainFunction()});
testShank(params);
//使用实例2：
const testShank2 = antiShakingFrame(500);
testShank2(mainFunction);