防抖和节流（闭包案例）

/*
防抖：
定义：规定时间内，只触发一次，如果规定时间内再次调用，会清空继续创建新的任务。
场景：widow.onresize或者onscroll，或者搜索框
*/
function debounce(fn, wait) {
    var timeout = null;
    return function() {
        if(timeout !== null){
                clearTimeout(timeout);
                timeout = setTimeout(fn, wait);
        }else{
             timeout = setTimeout(fn, wait);
        }
    }
}
window.addEventListener('scroll', debounce(()=>{
// TO-DO
}, 500));
/*
节流：固定时间内，只触发一次。
场景：搜索框
*/
function throttle(fn,delay){
    let valid = true
    return function() {
       if(!valid){
           //休息时间 暂不接客
           return false 
       }
       // 工作时间，执行函数并且在间隔期内把状态位设为无效
        valid = false
        setTimeout(() => {
            fn()
            valid = true;
        }, delay)
    }
}