最近看了很多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)
}
