debouncing(디바운싱)

debouncing(디바운싱) 

- 연속적인 호출의 메서드, 함수들에 대해 맨 마지막에 호출한 한번의 함수만 실행 하는 것 
- 저장버튼 일 경우 마지막에 누른 한번만 동작 하도록 처리

code

---------------------------------------------------------------------------------------------------

<a id="debouncing"  >debouncing</a>
<script> 

//debouncing 마지막에 실행한 값만 실행 
document.querySelector("#debouncing").onclick = debouncing(function(e,i){
       alert("test"+i);
}, 200);

function debouncing(fn, delay){
    var evt, i = 0;
    return function(e, i){
        e.preventDefault();
        clearTimeout(evt);
        evt = setTimeout(function(){
            
            fn(e, i);  
        }, delay);
    }
}

</script>