js利用闭包实现防抖函数

最新推荐文章于 2024-06-07 10:59:46 发布

原创最新推荐文章于 2024-06-07 10:59:46 发布 · 549 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #html5 #node.js

本文介绍了JavaScript中防抖函数的实现方式，通过一个具体的函数示例展示了如何利用闭包来控制函数的执行，确保在频繁触发的事件中只执行最后一次。这对于优化性能，特别是处理窗口resize或scroll等高频事件时非常有用。

使用js实现防抖函数:

function debounce(fn,delay){
  let timer = null //借助闭包
  return function() {
      if(timer){
          clearTimeout(timer) //进入该分支语句，说明当前正在一个计时过程中，并且又触发了相同事件。所以要取消当前的计时，重新开始计时
          timer = setTimeout(fn,delay) 
      }else{
          timer = setTimeout(fn,delay) // 进入该分支说明当前并没有在计时，那么就开始一个计时
      }
  }
}