JS 函数防抖

防抖条件:

  1. 高频

  2. 耗时

  3. 以最后一次调用为准

适合用在改变窗口大小、滚动等事件中


示例:改变窗口大小时重新布局页面

let timerId;
window.onresize = () => {
    // 清除之前可能存在的定时器,以防止重复执行操作
    clearTimeout(timerId);
    // 创建一个新的定时器,500毫秒后执行回调函数
    timerId = setTimeout(() => {
        console.log('layout');
        layout();
    }, 500);
};


xoyozo 1 年前
转载请注明出处
可能相关的内容