JS防抖debounce和节流throttle

function debounce(func, wait, flag) {
    let timer, args, that; 
    return function (args) {
    //args包含了func的事件对象,that为func的this指向(应当指向事件源)
        args = arguments;
        that = this;
        let callnow = flag && !timer;
        if (callnow) func.apply(that, args); //不传入参数flag这段行代码不执行
        clearTimeout(timer);
        timer = setTimeout(function () {
            timer = null;
            if (!flag) func.apply(that, args);
        }, wait);
    };
}
复制代码

function throttle(func, wait) {
    let timer, args, that;
    return function (args) {
    //args包含了func的事件对象,that为func的this指向(应当指向事件源)
        that = this;
        args = arguments;
        // 把timer作为节流阀 来控制传递的函数是否执行
        if (!timer) {
            timer = setTimeout(function () {
                // 定时器到达预定时间后改变节流阀的状态 来执行下一次传入的回调函数
                func.apply(that, args);
                timer = null;
            }, wait);
        }
    };
}
复制代码

function throttle(func, wait) {
    let args, that;
    let oldTime = 0;  // 上一次执行回调的时间戳
    return function () {
        that = this;
        args = arguments;
        let time = +new Date(); //当前的触发回调的时间戳
        if (time - oldTime > wait) {
            func.apply(that, args);
            // 执行完成后把此次的执行事件赋值给上一次的时间
            oldTime = time; 
        }
    };
}
复制代码