滚动监听函数节流闭包详解

function throttle(func, delay) {
  let previous = 0;
  let timeout = null;
<p>return function(...args) {
const now = Date.now();
const remaining = delay - (now - previous);</p><pre class="brush:php;toolbar:false"><code>if (remaining <= 0) {
  func.apply(this, args);
  previous = now;
} else if (!timeout) {
  timeout = setTimeout(() => {
    func.apply(this, args);
    previous = Date.now();
    timeout = null;
  }, remaining);
}</code>

}; }

const handleScroll = throttle(() => {
  console.log('滚动位置：', window.pageYOffset);
  // 执行懒加载、吸顶、视差等逻辑
}, 100); // 每100ms最多执行一次
<p>window.addEventListener('scroll', handleScroll);</p>

function throttle(func, delay) {
  let previous = 0;
  let timeout = null;
<p>const throttled = function(...args) {
const now = Date.now();
const remaining = delay - (now - previous);</p><pre class="brush:php;toolbar:false"><code>if (remaining <= 0) {
  func.apply(this, args);
  previous = now;
} else if (!timeout) {
  timeout = setTimeout(() => {
    func.apply(this, args);
    previous = Date.now();
    timeout = null;
  }, remaining);
}</code>

};

throttled.cancel = () => { if (timeout) { clearTimeout(timeout); timeout = null; } };

return throttled; }