关于防抖函数有个疑问

[Gaays]

在网上查到的简单的防抖函数实现是这样的，试了一下确实可以实现防抖，但是我没搞明白多次调用函数每次 timer 不是都会新建一个并赋值为 0 吗？为什么可以把 timer 做为判断标志？

const debounce = (func, wait = 50) => {
  let timer = 0
  return function(...args) {
    if (timer) clearTimeout(timer)
    timer = setTimeout(() => {
      func.apply(this, args)
    }, wait)
  }
}

[cxe2v]

你使用这个 debounce 的时候，是不是这样
```
funcA = debounce(yourfunction,100)
```
这一步将 yourfunction 加入了防抖函数的内部，然后你调用是调用的 funcA ，当 funcA 被调用时，实际上你是在执行
```
function(...args) {
if (timer) clearTimeout(timer)
timer = setTimeout(() => {
func.apply(this, args)
}, wait)
}
```
你注意这里的 timer ，就是同一个 timer

[lalalaqwer]

闭包
你可以看作每次 debounce 的调用都会创建一个空间出来，里面有一个 timer ，后面你调用的是 debounce 返回的那个函数，那个函数就把 debounce 创建的空间内的 timer 当作判断标志。

[loading]

可以看这个
juejin.cn/post/6934149265153343496

[cwp374240920]

你用的是他 return 出来的函数，不是防抖包的这个函数

[2i2Re2PLMaDnghL]

在 SICP 应该是第一章里的基本操作
新建 timer 的时间是在调用 debounce 的时候，而不是调用 func 的时候。

[letwewell]

debounce 只调用一次。 使用闭包返回的函数才是多次执行的

[MarkLazy]

闭包

[Curtion]

debounce 函数只会调一次，需要做防抖的函数应该是 func

[94]

闭包原理，所以你后续执行的其实只是 return 出来的匿名函数，其中的 timer 是闭包的父级变量。
function(...args) {
if (timer) clearTimeout(timer)
timer = setTimeout(() => {
func.apply(this, args)
}, wait)
}

[Gaays]

@cxe2v
@lalalaqwer
@dfkjgklfdjg
谢谢详细解答我明白了

[Kasumi20]

怎么拿到返回值，我觉得应该加入 Promise 来实现