防抖工具函数

最新推荐文章于 2025-11-29 13:42:57 发布

原创最新推荐文章于 2025-11-29 13:42:57 发布 · 101 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #typescript #开发语言

本文介绍了如何在JavaScript中使用防抖函数，即在一定时间内多次触发同一事件时，仅执行最后一次，以优化性能并防止频繁调用带来的影响。

防抖函数

// 防抖  一定时间内，多次触发同一个事件，只执行最后一次
export const debounce = function(fn, delay = 500) {
  let timer = null;
  return function(...args) {
    if (timer !== null) {
      clearTimeout(timer);
    }
    timer = setTimeout(() => {
      fn.apply(this, args);
      timer = null;
    }, delay);
  };
}