从防抖节流再次思考业务，怎么让用户体验更佳

// 第四版
function debounce(func, wait, immediate) {

    var timeout;

    return function () {
        var context = this;
        var args = arguments;

        if (timeout) clearTimeout(timeout);
        if (immediate) {
            // 如果已经执行过，不再执行
            var callNow = !timeout;
            timeout = setTimeout(function(){
                timeout = null;
            }, wait)
            if (callNow) func.apply(context, args)
        }
        else {
            timeout = setTimeout(function(){
                func.apply(context, args)
            }, wait);
        }
    }
}

// 连续触发 n 秒后执行
// 连续触发，但是只执行第一次触发的函数，之后在n秒后，再次执行函数

const debounce = (fn, delay, immediate = false) => {
    let timer;

    return (...rest) => {
        if(timer) { clearTimeout(timer) }
        // 当开启立即模式，也就是先执行，后防抖，更加合理
        if(immediate) {
            const nowDo = !timer;
            timer = setTimeout(() => {
                clearTimeout(timer);
            }, delay);

            if (nowDo) {
                fn.apply(this, rest);
            }
        } else {
            timer = setTimeout(() => {
                fn.apply(this, rest);
            }, delay);
        }
    };
}

// 模式一

const print = () => { console.log("dayin") }

const deP = debounce(print, 800)
console.log('模式一')
deP()
deP()
deP()
deP()
deP()

console.log('模式二')

const deP2 = debounce(print, 800,true)

deP2()
deP2()
deP2()
deP2()
deP2()
deP2()