JavaScript 防抖函数 deBounce 的正确用法
JavaScript 防抖函数 deBounce 的正确用法
在调用deBounce函数时,应该传入一个函数作为第一个参数,而不是使用call方法。call方法是用于调用函数的,而不是传入函数作为参数。
错误用法:
function deBounce(fn, delay, ...args){
let timeout;
return function(){
let context = this;
if(timeout) clearTimeout(timeout);
timeout = setTimeout(() => {
fn.call(context,...args)
},delay)
}
}
正确用法:
function myFunction() {
// 函数体
}
const debouncedFunction = deBounce(myFunction, 1000);
这样会返回一个新的函数debouncedFunction,该函数在每次被调用时会延迟1秒执行myFunction函数。
原文地址: https://www.cveoy.top/t/topic/qyyg 著作权归作者所有。请勿转载和采集!