首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >【说站】javascript函数去抖如何理解

【说站】javascript函数去抖如何理解

作者头像
很酷的站长
发布2022-11-24 11:46:02
发布2022-11-24 11:46:02
3270
举报

javascript函数去抖如何理解

说明

1、让一个函数在一定间隔内没有被调用时,才开始执行被调用方法。

2、对需要去抖的函数做包装,使用闭包记录timeout。

第一次回调给函数设置setTimeout定时器,只要在wait时间内,后一次的回调会clearTimeout取消前一次回调的执行。

实例

代码语言:javascript
复制
function debounce(method, context) {
  clearTimeout(method.tId);
  method.tId = setTimeout(function() {
    method.call(context);
  }, 1000);
}
 
function print() {
  console.log('hello world');
}
 
window.onscroll = function() {
  debounce(print);
};

以上就是javascript函数去抖的理解,希望对大家有所帮助。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
目录
  • javascript函数去抖如何理解
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档