js中的节流与防抖

防抖
总结：只会在最后一次触发的时候去执行

 <script>
        var btn=document.querySelector('button');
        var time=null;
        btn.onclick=function() {
            if(time)clearTimeout(time);
            time=setTimeout(function() {

                console.log(56);

            },2000)
        }
 </script>

节流
总结：在规定的时间只会执行一次，下一次执行必须等待上一次执行完毕后在执行

 <script>
        var btn=document.querySelector('button');
        var flag=true;
        btn.onclick=function() {
            if(!flag)return;
            flag=false;
            setTimeout(function() {
                console.log(56);
                flag=true;
            },2000)
        }
 </script>