防抖与节流的区别及实现【JS核心】

最新推荐文章于 2026-06-21 21:49:12 发布

原创最新推荐文章于 2026-06-21 21:49:12 发布 · 285 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

GEO检测

标签

#javascript #开发语言

收录于

防抖与节流的区别

防抖是在事件触发后，延迟一定时间执行函数，如果在延迟时间内再次触发事件，则重新计时；
节流是在规定的时间间隔内，只能触发一次函数。

防抖与节流的实现：

防抖函数示例如下：

javascript
function debounce(func, delay) {
    let timer;
    return function() {
        if (timer) {
            clearTimeout(timer);
        }
        timer = setTimeout(func, delay);
    };
}

节流函数示例如下：

function throttle(func, interval) {
    let lastTime = 0;
    return function() {
        const now = new Date().getTime();
        if (now - lastTime >= interval) {
            func.apply(this, arguments);
            lastTime = now;
        }
    };
}