JS函数防抖和节流及其应用场景

welnee

于 2020-09-20 01:04:10 发布

阅读量1k

点赞数 1

分类专栏：前端面试文章标签： js

本文链接：https://blog.csdn.net/welnee/article/details/108688363

版权

本文介绍了JavaScript中的函数防抖和节流技术，防抖在用户连续操作如搜索联想、窗口resize时避免频繁请求，而节流则用于限制单位时间内函数的执行次数，如鼠标点击和页面滚动事件处理。这两种技术能有效提升性能和用户体验。

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

函数防抖：在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。通俗来讲就是：假设一个按钮在2000毫秒内被点击100次，等到最后一次触发该函数开始计时，过了delay毫秒后才会触发一次函数。

 // 1.防抖   
 function debounce(fn, wait) {
       
   let timer;     
   return function() {
         
     if (timer)

关注

专栏目录