@nickyzj2023/utils
    Preparing search index...

    Function throttle

    • 节流函数 - 在指定时间间隔内最多执行一次调用

      Type Parameters

      • T extends (...args: any[]) => any

      Parameters

      • fn: T

        要节流的函数

      • delay: number = 300

        间隔时间,默认 300ms

      Returns (this: any, ...args: Parameters<T>) => void

      节流:连续触发时,按照固定间隔执行。适合用于滚动、拖拽等高频触发场景。 例如:滚动页面时,每300ms最多执行一次回调,而不是每次滚动都执行。

      防抖 vs 节流:

      • 防抖:等待触发停止后才执行(最后一次)
      • 节流:按固定节奏执行(每隔多久执行一次)
      const handleScroll = throttle(() => {
      console.log('滚动位置:', window.scrollY);
      }, 200);
      window.addEventListener('scroll', handleScroll);