防抖和节流

函数防抖 是指在事件被触发 n 秒后再执行，如果 n 秒内事件又被触发，则重新计时。

这可以使用在一些点击请求的事件上，避免因为用户的多次点击向后端发送多次请求。

函数节流 是指 n 秒内，只能执行一次，如果n 秒内被触发多次，只有一次能生效。

节流可以使用在 scroll 函数的事件监听上，通过事件节流来降低事件调用的频率。

场景

• 防抖

1. search搜索联想，用户在不断输入值时，用防抖来节约请求资源。
2. window触发resize的时候，不断的调整浏览器窗口大小会不断的触发这个事件，用防抖来让其只触发一次

• 节流

1. 鼠标不断点击触发，mousedown(单位时间内只触发一次)
2. 监听滚动事件，比如是否滑到底部自动加载更多

参考文章链接

理解JS的节流、防抖及使用场景 (opens new window)