成都网站建设设计

将想法与焦点和您一起共享

什么是javascript函数节流

这篇文章主要讲解了“什么是javascript函数节流”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“什么是javascript函数节流”吧!

按需求定制开发可以根据自己的需求进行定制,网站设计制作、成都网站制作构思过程中功能建设理应排到主要部位公司网站设计制作、成都网站制作的运用实际效果公司网站制作网站建立与制做的实际意义

说明

1、让连续执行的函数,变为固定时间段间断地执行。在一段频繁操作中,可以触发多次,但是触发的频率由自己指定。

2、应用场景有

DOM 元素的拖拽功能实现

计算鼠标移动的距离

Canvas 模拟画板功能

搜索联想

实例

/*
      @params:
          func[function]:最后要触发执行的函数
          wait[number]:触发的频率
        @return
          可以被调用执行的函数
*/
function throttle(func,wait = 300){
      let timer = null,
          previous = 0;//记录上一次操作时间
      return function anonymouse(...params){
        let now = new Date(),//记录当前时间
            remaining = wait - (now - previous);//记录还差多久达到我们一次触发的频率
        if(remaining <= 0){
          //两次操作的间隔时间已经超过wait了
          window.clearInterval(timer);
          timer = null;
          previous = now;
          func.call(this,...params);
        }else if(!timer){
          //两次操作的间隔时间还不符合触发的频率
          timer = setTimeout(() => {
            timer = null;
            previous = new Date();
            func.call(this,...params);
          }, remaining);
        }
      }
}

感谢各位的阅读,以上就是“什么是javascript函数节流”的内容了,经过本文的学习后,相信大家对什么是javascript函数节流这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是创新互联,小编将为大家推送更多相关知识点的文章,欢迎关注!


网站题目:什么是javascript函数节流
当前链接:http://chengdu.cdxwcx.cn/article/gehipp.html