节流函数 - 在指定时间间隔内最多执行一次调用
要节流的函数
间隔时间,默认 300ms
节流:连续触发时,按照固定间隔执行。适合用于滚动、拖拽等高频触发场景。 例如:滚动页面时,每300ms最多执行一次回调,而不是每次滚动都执行。
防抖 vs 节流:
const handleScroll = throttle(() => { console.log('滚动位置:', window.scrollY);}, 200);window.addEventListener('scroll', handleScroll); Copy
const handleScroll = throttle(() => { console.log('滚动位置:', window.scrollY);}, 200);window.addEventListener('scroll', handleScroll);
节流函数 - 在指定时间间隔内最多执行一次调用