防抖和节流工具函数

[Corle-He]

他们都是可以防止一个函数被无意义的高频率调用

函数节流：是确保函数特定的时间内至多执行一次。
函数防抖：是函数在特定的时间内不再被调用后又重复执行。

函数防抖

let timer = null;
function fun(){
  console.log('onresize')
}
function throttle(method){
    return function(){
        if(timer !== null){
            clearTimeout(timer);
        }
        timer = setTimeout(fn,500);
    }
}

window.onresize = ()=>throttle(fun)

函数节流

// 函数节流
var canRun = true;
document.getElementById("throttle").onscroll = function(){
if(!canRun){
  return
}
canRun = false
setTimeout( function () {
    console.log("函数节流")
    canRun = true
  }, 500)
}