一、防抖

const debounce = (fn, time) => {
    // 利用闭包避免全局污染
    let timeout = null;
    return function () {
        if (timeout) {
            // 在定时期间，那么清除原来计时器 重新计时(核心)
            clearTimeout(timeout);
        }
        // 设置定时器
        timeout = setTimeout(() => {
            // 执行函数
            fn.apply(this, arguments)
        }, time);
    }
}

二、节流

function throttle(fn,delay) {
    let canRun = true; // 通过闭包保存一个标记
    return function () {
         // 在函数开头判断标记是否为true，不为true则return
        if (!canRun) return;
         // 立即设置为false
        canRun = false;
        // 将外部传入的函数的执行放在setTimeout中
        setTimeout(() => { 
        // 最后在setTimeout执行完毕后再把标记设置为true(关键)表示可以执行下一次循环了。
        // 当定时器没有执行的时候标记永远是false，在开头被return掉
            fn.apply(this, arguments);
            canRun = true;
        }, delay);
    };
}