1.防抖

防抖：事件在n秒后触发，那么在这个时间段内，多次执行事件，事件也只会针对最后一次触发。
应用场景：1.文本输入框的输入  2.scroll上拉下拉刷新

null: 表示一个值被定义了，定义为空值
undefined: 表示根本不存在定义
所以设置一个值为 null 是合理的
<input type="text" id="input">
    <script>
        var timer;
        var input = document.getElementById("input");
        input.addEventListener("keyup",function () {
            if(timer){
                clearTimeout(timer);
            }
            timer = setTimeout(()=>{
                console.log(input.value);
                timer = null;
            },500)
        })
    </script>