函数节流和防抖

函数节流：一个函数执行一次后 只有大于设定的执行周期后才会执行第二次

需要频繁触发的函数，处于性能角度考虑，在规定时间内，只让函数触发的第一次生效，后面不生效

//节流函数
//fn 要被节流的函数
//delay 规定的时间

function throttle(fn,delay){ //记录上一次函数触发的时间 var lastTime = 0; return function(){ //记录当前函数触发的时间 var nowTime = Date.now() if(nowTime - lastTime > delay){ //修正this指向问题 fn().call(this) lastTime = nowTime } } } document.onscoll = throttle(function（）{console.log('scroll事件被触发了！！' + Date.now())})

防抖函数

一个需要频繁触发的函数，在规定时间内只让最后一次生效，前面的不生效

function debounce(fn,delay){ //记录上一次的延时器 var timer = null; return fucntion(){ //清除上一次延时器 //重新设置新的延时器 clearTimeout() timer = setTimeout(function(){ fn.apply(this) },delay) } } document.getElementByUId("btn").click = debounce(function(){ console.log("点击事件被触发了"+ Date.now())},1000)