给大家分享一个简单的JS防抖代码

2024-03-28 17:04:59

有不少小伙伴想了解给大家分享一个简单的JS防抖代码这个问题,我给大家分享一下。

下面是一个简单的 JavaScript debounce 函数的实现:

function debounce(func, delay) {
    let timeoutId;

    return function() {
        const context = this;
        const args = arguments;

        clearTimeout(timeoutId);
        timeoutId = setTimeout(() => {
            func.apply(context, args);
        }, delay);
    };
}

// 用法示例
function myFunction() {
    console.log('Debounced function called');
}

const debouncedFunction = debounce(myFunction, 300); // 在300毫秒内只会调用一次

// 调用debouncedFunction
debouncedFunction();

这段代码定义了一个 debounce 函数,在指定的延迟时间内,如果多次调用该函数只会执行一次。


以上就是小编幸苦为兄弟们搜集关于给大家分享一个简单的JS防抖代码的内容,如果你喜欢的话,可以收藏一下噢。