什么是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函数节流这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是亿速云，小编将为大家推送更多相关知识点的文章，欢迎关注！