「Js」js中节流函数的用方法（附实例代码）

本篇文章给大家带来的内容是关于js中节流函数的用方法（附实例代码），有肯定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

一、前言

不知道大家能否遇到过这样一个问题，对于少量函数或者者事件它们能够频繁地触发，比方说下面的滚动事件，

window.onscroll = function(){

console.log(“触发了事件”);

}

当然，需要把body的高度设置高一点（比方说10000px），不然无论你怎样滚动，都看不到效果的~

只需我们滚动鼠标的滚轮或者者是拖拽页面的滚动条，上面的事件就能触发，而且非常地频繁（这一点，大家可以自己去尝试一下，通过观察控制台就能体会到了）。

又比方说窗口的onresize事件，

window.onresize = function(){

console.log(“触发了事件”);

}

只需我们改变窗口的大小，它也能够频繁地触发。说到onresize我就想起了我之前做的一个小球随机运动demo，个人觉得还算可以，所以想分享给大家。

demo演示地址

github源码地址

然而在少量场景下，我们是不希望这种事情发生的，对于这种频繁发生的事件，可以通过节流控制它的频率。