防抖和节流

/* 防抖
 * 短时间内大量触发，只允许执行一次
 * fn  需要防抖的函数
 * delay  设置时间
 */

function debounce(fn, delay) {
    let timer = null;
    return function (...params) {
        if(timer) {                      // 如果定时器存在则清除，该判断条件可省略，加上便于理解
            clearTimeout(timer);
        }
        timer = setTimeout(()=>{
            return fn.apply(this, param)
        }, delay)
    }
}

// 第一次触发 timer赋值，在规定delay 时间后执行
// 第二次触发 判断是否存在timer，如果存在  则表示还未执行，规定时间未到，清除timer，重新赋值，时间重新计算

// 重复上一步操作，直到timer成功执行

/* 节流
 * 一定时间内只能执行一次，lg：淘宝抢购优惠券
 * fn  需要防抖的函数
 * delay  设置时间
 */

function throttle(fn, delay) {
    let startTime = 0;
    return function (...params) {
        let nowTime = new Date().getTime();   // 获取当前时间
        if(nowTime - startTime < delay) {                      
            return false;
        }
        startTime = nowTime;
        return fn.apply(this, param);
    }
}