JavaScript防抖 & 节流的简单示例

这篇文章主要为大家详细介绍了JavaScript防抖 & 节流的简单示例，具有一定的参考价值，可以用来参考一下。

防抖和节流属于高阶技巧，业务中比较多见的场合也就是搜索内容改变提示信息。即使不加也也不一定能看出区别，但是加了新手维护代码可能会崇拜你哦。

防抖

function debounce(func, wait) {
    let timeout;
    return function () {
        let context = this;
        let args = arguments;

        if (timeout) clearTimeout(timeout);
        
        timeout = setTimeout(() => {
            func.apply(context, args)
        }, wait);
    }
}

节流

function throttle(func, wait) {
    let previous = 0;
    return function() {
        let now = Date.now();
        let context = this;
        let args = arguments;
        if (now - previous > wait) {
            func.apply(context, args);
            previous = now;
        }
    }
}

本文来自：http://www.512pic.com/174/16341-0.html

注：关于JavaScript防抖 & 节流的简单示例的内容就先介绍到这里，更多相关文章的可以留意512笔记的其他信息。

关键词：防抖,节流