JS - 函数防抖封装

函数防抖[debounce]

函数防抖是优化高频率执行js代码的一种手段
可以让被调用的函数在一次连续的高频操作过程中只被调用一次

函数防抖作用

减少代码执行次数, 提升网页性能

函数防抖应用场景

oninput / onmousemove / onscroll / onresize等事件

封装

function debounce(fn, delay) {
    let timerId = null;
    return function () {
        let self = this;
        let args = arguments;
        timerId && clearTimeout(timerId);
        timerId = setTimeout(function () {
            fn.apply(self, args);
        }, delay || 1000);
    }
}