AbortController Debounce.js

AbortController Debounce.js

function debounce(fn,delay){
    let timeoutid =0;
    let abortController = new AbortController()
    return function(...args){
        if(timeoutid){
            clearTimeout(timeoutid)
            abortController.abort();
        }
        
        abortController = new AbortController()
        signal = abortController.signal
        timeoutid = setTimeout(()=>{
            fn(...args,signal)
        },delay)
    }
}

function fn(query,signal){
    fetch('https://jsonplaceholder.typicode.com/todos/1',{signal})
    .then((res)=>res.json())
    .then((data)=>{
        if(!signal.aborted){
            console.log(data)
        }
    }).catch(err=>console.log(err))
}

const dFxn = debounce(fn,100)
dFxn("hello")
dFxn("hello")
dFxn("hello")
dFxn("hello")