js 实现节流函数，可传参控制执行时机

最新推荐文章于 2024-05-28 16:46:47 发布

倔强的钢蛋

最新推荐文章于 2024-05-28 16:46:47 发布

阅读量282

点赞数 1

分类专栏： js篇文章标签： javascript 前端

本文链接：https://blog.csdn.net/weixin_43938535/article/details/129055149

版权

js篇专栏收录该内容

14 篇文章 0 订阅

订阅专栏

函数节流是一种优化策略，用于限制函数在特定时间内的执行次数。它在用户频繁操作如快速滚动时，控制执行频率以避免过度请求。代码示例展示了一个具有立即执行选项的节流函数实现，通过比较当前时间与上一次执行时间来决定是否延迟执行。

摘要由CSDN通过智能技术生成

函数节流是指用户在重复操作时，在设定的时间内，延时执行，控制用户操作的频率，例如：滚动条快速滚动，重复请求等等

// immediate 控制是否立即执行
function throttle(func, wait, immediate) {
    let preTime = 0;
    let timerId;
    return function() {
        let _this = this;
        let args = arguments;
        if(immediate) { // immediate 为true 时立即执行
            let nowTime = Date.now();
            if(nowTime - preTime > wait) {
                func.apply(_this, args);
                preTime = nowTime;
            }
        } else {
            if(!timerId) {
                timerId = setTimeout(function() {
                    func.apply(_this, args);
                    timerId = null;
                }, wait);
            }
        }
    }
}