JS防抖函数加强版

JS防抖函数加强版

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
debounce(fn, wait = 500,immediate = false) {
    let timer = null
    let timer2 = null
    let times = 0
    return function(...args) {
        if (timer2) {
          clearTimeout(timer)
          clearTimeout(timer2)
        }
        // ------ 新增部分 start ------
        // immediate 为 true 表示第一次触发后执行
        // timer 为空表示首次触发
         if (immediate && !timer) {
             times++
             fn.apply(this, args)
         }
        // ------ 新增部分 end ------
 
         timer = setTimeout(() => {
            if(times == 0 ){
              times++
              fn.apply(this, args)
            }
         }, wait)
        timer2 = setTimeout(() => {
          times = 0
        },2000)
    }
  }

  


__EOF__

本文作者Hello_World
本文链接https://www.cnblogs.com/yooojoy/p/17009240.html
关于博主:评论和私信会在第一时间回复。或者直接私信我。
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
声援博主:如果您觉得文章对您有帮助,可以点击文章右下角推荐一下。您的鼓励是博主的最大动力!
posted @   迷醉的小眼  阅读(28)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 25岁的心里话
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示