JavaScript防抖 & 节流的解决办法

内容摘要
这篇文章主要为大家详细介绍了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;
        }
    }
}

注:关于JavaScript防抖 & 节流的简单示例的内容就先介绍到这里,更多相关文章的可以留意

代码注释

作者:喵哥笔记

IDC笔记

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