.函数的去抖:
什么叫做函数的去抖,就相当于你从函数的开头到结尾只执行一次的的叫做去抖:
也就是他给你一巴掌,他十分钟原谅你,到了2分钟了他有给你一巴掌,所以你还的等10分钟.
例子:
var timer = null;
function handlerSearch(){
cliearTimeout(timer);
timer = setTimeout(function(){
console.log(1)
},500)
}
函数的节流:
在你设置的时间之内只执行一次某段代码,
也就是:你给他一巴掌,他也是10分钟原谅你,但是你只有在这个10分钟内部不动他,他就会原谅你,只有你动了那就完了,所以你必须10分钟后再打他
例子:
var timer = null;
function handlerSearch(){
if(timer!=null){
return false
}
timer = setTimeout(function(){
console.log(1);
timer = unll;
},200)
}
函数节流与函数去抖的封装
// 函数去抖;
function _debounce(callback,dealy){
// 利用闭包，让 timer 私有化;
var timer = null;
return function(){
// 去抖函数; 确保,callback在正确的时机被调用?
// 事件执行的时候，真正会执行的函数是这个;
if(timer !== null) return false;
// 如果已经过了规定的时间可以再次执行代码了;
timer = setTimeout(function(){
callback();
timer = null;
},dealy)
}
}
// 函数节流;
function _throttle(callback,dealy){
// 利用闭包，让 timer 私有化;
var timer = null;
return function(){
clearTimeout(timer);
// 如果已经过了规定的时间可以再次执行代码了;
timer = setTimeout(function(){
callback();
},dealy)
}
}
