Throttling anti shake function of JS handwritten function

One 、 Anti shake function

Anti shake function is one of the best common solutions to save memory and server pressure , Such as Baidu search .
Handwriting thinking ： When within the specified time , When triggered again , Will clear the timer , Wait again .

/*  Anti shake function  */
const debounce =(fn,delay)=>{
    
    let timer = null 
   
    return function(){
    
        if(timer) clearTimeout(timer)
        timer = setTimeout(()=>{
    
            fn.call(this,...arguments)
        },delay)

       return [].slice.call(arguments)
    }
}

const fun =(a)=>{
    
    console.log(a)
}

const db = debounce(fun,1000)

console.log(db(11),11)

console.log(db(22),22)

console.log(db(33),33)

Two 、 Throttling function

Throttling function is frequently used in buttons , Such as login .
Handwriting thinking ： When within the specified time , When triggered again , The timer time will not be recalculated , Only the first time .

onst throttle =(fn,delay)=>{
    
    let timer = null 
   
    return function(){
    
        if(!timer){
    
            timer = setTimeout(()=>{
    
            fn.call(this,...arguments)
            clearTimeout(timer)
          },delay)
        }
        
    }
}


const tt = throttle(fun,1000)

console.log(tt(11),11)

console.log(tt(22),22)

console.log(tt(33),33)