javascript中的throttle和debounce浅析(JavaScript中的变量名不区分大小写)

编辑：rootadmin

throttle

我们这里说的throttle就是函数节流的意思。再说的通俗一点就是函数调用的频度控制器，是连续执行时间间隔控制。主要应用的场景比如：

1.鼠标移动，mousemove 事件2.DOM 元素动态定位，window对象的resize和scroll 事件

有人形象的把上面说的事件形象的比喻成机关枪的扫射，throttle就是机关枪的扳机，你不放扳机，它就一直扫射。我们开发时用的上面这些事件也是一样，你不松开鼠标，它的事件就一直触发。例如：

debounce

debounce和throttle很像，debounce是空闲时间必须大于或等于一定值的时候，才会执行调用方法。debounce是空闲时间的间隔控制。比如我们做autocomplete，这时需要我们很好的控制输入文字时调用方法时间间隔。一般时第一个输入的字符马上开始调用，根据一定的时间间隔重复调用执行的方法。对于变态的输入，比如按住某一个建不放的时候特别有用。

debounce主要应用的场景比如：文本输入keydown 事件，keyup 事件，例如做autocomplete

这类网上的方法有很多，比如Underscore.js就对throttle和debounce进行封装。jQuery也有一个throttle和debounce的插件：jQuery throttle / debounce，所有的原理时一样的，实现的也是同样的功能。再奉上一个自己一直再用的throttle和debounce控制函数：

推荐整理分享javascript中的throttle和debounce浅析(JavaScript中的变量名不区分大小写)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:JavaScript中的数据类型分哪为两大类?,JavaScript中的方法名不区分大小写,JavaScript中的NaN代表什么,JavaScript中的数据类型分哪为两大类?,JavaScript中的数据类型分为两大类,JavaScript中的变量名不区分大小写,JavaScript中的数据类型分为两大类,JavaScript中的NaN代表什么,内容如对您有帮助，希望把文章链接给更多的朋友！

Javascript中的delete操作符详细介绍一、变量说到javascript中的delete操作符，还是首先要搞清楚javascript中的变量和属性之间的关系。javascript中，变量和对象属性关系非常微妙，甚至可以很

Javascript动态引用CSS文件的2种方法介绍最近做一个项目，需要javascript动态插入样式，结果以前的方法失效了！查了2个小时的原因竟然是自己手贱，这个最后再说！javascript插入样式在前端开

js中的caller和callee属性介绍和例子一、caller返回一个对函数的引用，该函数调用了当前函数。functionName.callerfunctionName对象是所执行函数的名称。说明对于函数来说，caller属性只有在函数