您的当前位置:首页javascript函数去抖如何理解

javascript函数去抖如何理解

2024-08-01 来源:哗拓教育

说明

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

以上就是javascript函数去抖的理解,希望对大家有所帮助。更多Javascript学习指路:

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

显示全文