函数防抖和函数节流都是防止某一时间频繁触发,但是这两兄弟之间的原理却不一样。函数防抖是某一段时间内只执行一次,而函数节流是间隔时间执行。
debounce防抖,在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时。throttle节流,规定在一个单位时间内,只能触发一次函数。如果这个单位时间内触发多次函数,只有一次生效。
函数防抖和函数节流都是防止某一时间频繁触发,但是这两兄弟之间的原理却不一样。函数防抖是某一段时间内只执行一次,而函数节流是间隔时间执行。
debounce防抖,在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时。throttle节流,规定在一个单位时间内,只能触发一次函数。如果这个单位时间内触发多次函数,只有一次生效。
文章作者:zhyjor
发布时间:2018年04月10日 - 09:04
最后更新:2023年10月11日 - 02:10
原始链接:https://zhyjor.github.io/2018/04/10/JavaScript常见问题之五:防抖与节流/
许可协议: 署名-非商业性使用-禁止演绎 4.0 国际 转载请保留原文链接及作者。
微信打赏
支付宝打赏
热评文章