浅谈js防抖和节流

防抖的代码：

 <input placeholder="请输入手机号" />

    <script>
        // 获取input对象
        let inp = document.querySelector('input');
        // 监听input值的变化
        inp.addEventListener('input', antiShake(animal, 2000))
        // 封装防抖方法
        function antiShake(fn, wait){ // fn：执行的函数，wait：设置的时间
            let timeSet = null;
            return args => {
                if(timeSet) clearTimeout(timeSet)
                timeSet =  setTimeout(fn, wait);
            }
        }
        function animal(){
            console.log("一条小狗");
        }
    </script>

       <style>
        .box {
           width: 200px;
           height: 200px;
           background-color: greenyellow; 
        }
    </style>
   // 鼠标按住移动触发事件   
    <div class="box"></div>
  let box = document.querySelector('.box');
        box.addEventListener("touchmove", throttle(run, 2000))

        function throttle(fn, wait) {
            let timer = null;
            return args => {
                if(!timer) {
                    timer = setTimeout(() => {
                        fn();
                        // 将timer释放
                        timer = null;
                    }, wait)
                }
            }
        }
        function run () {
            console.log("它在跑")
        }