首页 > 文章列表 > javascript函数去抖如何理解

javascript函数去抖如何理解

javascript函数
453 2022-08-06

说明

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

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

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

实例

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);
};

推荐操作环境:windows7系统、jquery3.2.1版本,DELL G3电脑。