品易云推流 关闭
文章详情页
文章 > JavaScript > javascript函数去抖如何理解

javascript函数去抖如何理解

javascript函数

头像

小妮浅浅

2021-08-19 09:53:014629浏览 · 0收藏 · 0评论

说明

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学习指路:Javascript

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

关注

关注公众号,随时随地在线学习

本教程部分素材来源于网络,版权问题联系站长!

底部广告图