<!-- 因为是防抖函数 所以 我们先定义 一个函数出来-->
const func=()=>{
console.log("提交");
console.log(this)
};
//接着定义防抖函数 我们知道 防抖就是指在一定时间内执行一次 ,如果连续触发 那么我以最后一次为准
const debounce =(func, awit)=>{
let timer =null;
return (...args)=>{
// 清除定时器 在触发前先 清除 保障以最后一次为准
clearTimeout(timer)
timer = setTimeout(()=>{
// 绑定this 并且 接收参数
func.call(this,args)
},awit)
}
};
// 当该方法被调用的时候 接收一个函数 和一个延迟时间
const oDebounce=debounce(func, 1000);
let btn =document.getElementById('btn');
btn.addEventListener('click',oDebounce);
网友评论