防抖和节流

最新推荐文章于 2024-05-15 20:43:52 发布

软工不秃头

最新推荐文章于 2024-05-15 20:43:52 发布

阅读量456

点赞数 13

分类专栏：前端八股文章标签： javascript

本文链接：https://blog.csdn.net/weixin_68854196/article/details/136357575

版权

前端八股专栏收录该内容

2 篇文章 0 订阅

订阅专栏

防抖

 function debounce(fn,delay){
            let t = null
          return function(){
            if(t!==null){
                clearTimeout(t)
            }
            t= setTimeout(() =>{
                fn.call(this)
            },delay)
        }
        }

频繁触发事件，只执行事件的最后一次

其中变量t的使用实际是闭包的实际使用

节流

 function throttle(fn,delay){
            let flag = true
            return function(){
                    if(flag){
                        setTimeout(()=>{
                            fn.call(this)
                            flag = true
                    },delay)
                }
                flag = false
            }               
        }

频繁触发事件，在规定时间内，只执行一次