2019-06-24 函数节流和函数防抖

最近看了很多blog里介绍的函数节流和函数防抖,所以整理出一套较为简单,易理解的函数节流和函数防抖

函数节流:
首先通过CD,冷却时间来理解一下吧

function fn(){}

var cd = false

button.onclick = function(){
  if(cd){
    //
  }else{
    fn()
    cd = true 
    var timerId = setTimeout( ()=>{
      cd = false
    },3000)
  }
}

函数防抖:
外卖带着一起送

var timerId = null
button.onclick = function () {
  if(timerId){
    window.clearTimeout(timerId) 
  }
  timerId = setTimeout(()=>{
    fn()
    timerId = null
  },5000)
}