4-1 函数防抖

原理：利用定时器返回值作为判断条件防止用户频繁点击

<script>
        //只针对最后一次输入触发
        var timer
        var btn = document.getElementById("btn");
        btn.onclick = function(){
            debounce(()=>{
                console.log(1)
            },1000)
        }
        function debounce(fn,time){
            if(timer){
                clearTimeout(timer)
            }
            timer = setTimeout(fn,time)
        }
    </script>