JavaScript防抖与节流，深入浅出，一本正经讲透彻，前端面试录音在线听

1. 什么是防抖？

二.、函数节流

2.1 定时器实现

2.2 时间戳实现

2.3 时间戳+定时器

最后

---

一、函数防抖（debounce）

================

1. 什么是防抖？

---

**函数防抖：**在频繁触发某一个事件时，一段时间内不再触发该事件后才会去调用对应的回调函数，在设定间隔时间内如果下一次事件被触发， 那么就重新开始定时器，直到事件触发结束。

规定时间内没有继续触发事件的前提下，再去调用事件处理函数；

具体如下面的例子所示：

/*定义防抖函数

• func：传入一个函数，事件不再持续触发时会调用该函数

• delay:定义持续多久后执行传入的回调函数

• */

function debounce(func,delay) {

let timer = null // 用于保存定时器

return function (…args) {

// 如果定时器存在，清除定时器，随后重新设置timer

if(timer !