throttle vs debounce

[msforest]

这两个概念一直都理不清楚，看过不少关于区分概念的文章，如JavaScript 函数节流和函数去抖应用场景辨析这篇文章，还是稀里糊涂滴:joy:，直到看到一句简单的英文句子才理解：

• debouncing, executes the function if there was no new event in $wait milliseconds
• throttle, in case of a "storm of events", this executes once every $threshold

我理解的意思是：

• throttle，函数节流，每隔一定时间内执行一次event。
• debounce，函数去抖，在一定时间内，若event不再触发，就在wait时间之后执行指定function。

可以参考特效

[msforest]

function throttle(fn, interval) {
    var timer, first = true;
    return function() {
        if (first) {
            fn.apply(this, arguments);
            return first = false;
        }
        if (timer) {return false;}
        timer = setTimeout(() => {
            clearTimeout(timer);
            timer = null;
            fn.apply(this, arguments);
        }, interval);
    }
}

[msforest]

function debounce(fn, wait){
    var timeid;
    return () => {
        clearTimeout(timeid);
        timeid = setTimeout(() => {
            timeid = null;
            fn.applay(this, argument);
        }, wait)
    }
}