【已解决】JS中什么是debounce

折腾：

【已解决】ReactJS中输入框输入内容变化时触发搜索返回列表

期间，要去搞清楚，什么是debounce：

react js what is debounce

js what is debounce

JavaScript Debounce Function

debouncing – Can someone explain the "debounce" function in Javascript – Stack Overflow

javascript函数的throttle和debounce – WEB前端开发 – 专注前端开发，关注用户体验

浅谈 Underscore.js 中 _.throttle 和 _.debounce 的差异 – Coding 博客

【总结】

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

debounce主要应用的场景比如：

文本输入keydown 事件，keyup 事件，例如做autocomplete

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

转载请注明：在路上 » 【已解决】JS中什么是debounce