有不少小伙伴想了解给大家分享一个简单的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防抖代码的内容,如果你喜欢的话,可以收藏一下噢。