JavaScript 节流函数

throttle.js

function throttle(fn, delay) {
    let lock = false;
    
    return (...args) => {
        if (lock) return;
        lock = true;
        setTimeout(() => {
            lock = false;
            fn(args)
        }, delay)
    }    
}

“节流”就是降低任务执行频率，在指定的时间间隔内只允许一次任务的触发。比如在下拉滚动事件中，我们需要判断滚动条距离屏幕顶部的高度，若没有节流函数时，则每次滚动都会触发大量的计算操作，通过节流函数，可以让这类连续触发的任务得到很好的性能提升。

在JavaScript中，其实我们通过一个标志位即可解决节流的问题。我们将标志位开做一个门，当一个房间只能容纳下1个人时，若房间没有人，则门是开着的；如果人进去以后会把门关上，这时其他人就无法再进来；等人离开时会将门打开，其他人才可以进来。