JavaScript防抖和节流的代码案例

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

这篇文章主要为大家详细介绍了JavaScript防抖和节流的简单示例,可以用来参考一下。

防抖和节流属于高阶技巧,业务中比较多见的场合也就是搜索内容改变提示信息。

1、防抖
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);
    }
}
2、节流
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;
        }
    }
}

注:关于JavaScript防抖和节流的简单示例的内容就先介绍到这里

代码注释

作者:喵哥笔记

IDC笔记

学的不仅是技术,更是梦想!