函数节流:一个函数执行一次后,只有大于设定的执行周期后才会执行第二次。
-有个需要频繁触发函数,处于优化性能角度,在规定时间内,只让函数触发的第一次生效,后面不生效。
function throttle(fn,delay){
//记录上一次函数触发的时间
var lastTime = 0;
return function(){
//记录当前函数触发的时间
var nowTime = Date.now();
if(nowTime-lastTime > delay){
//修正this指向问题。
fn.call(this);
//同步时间
lastTime = nowTime;
}
}
}
document.onscroll = throttle(function(){
console.log("scrollb被触发了!"+ Date.now());
},200)
防抖函数:一个需要频繁触发的函数,在规定的时间内,只让最后一次生效,前面的不生效。
function debounce(fn,delay){
//记录上一次的延时器
return function(){
var timer = null;
//清楚上一次延时器
clearTimeout(timer);
//重新设置新的延时器
timer = setTimeout(function(){
fn.apply(this);
},delay);
}
}