• 技术文章 >Web开发 >JavaScript

    javascript函数去抖如何理解

    小妮浅浅小妮浅浅2021-08-19 09:53:01原创4013

    说明

    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电脑。

    专题推荐:javascript函数
    品易云
    上一篇:javascript函数节流实现的两种方式 下一篇:javascript事件冒泡是什么

    相关文章推荐

    • javascript原始类型是什么?如何鉴别?• javascript引用类型是什么• javascript引用类型的特性• javascript基本类型如何赋值• javascript引用类型的赋值• javascript创建对象的方法• JavaScript有哪些继承的方法• JavaScript如何减少重绘和回流• JavaScript原型链是什么• JavaScript中new函数的原理• javascript中call函数的原理• javascript中bind函数如何使用• javascript函数节流是什么• javascript函数节流实现的两种方式

    全部评论我要评论

    © 2021 Python学习网 苏ICP备2021003149号-1

  • 取消发布评论
  • 

    Python学习网