关于防抖函数的一个问题
关于防抖函数的一个问题，希望得到解惑😭
function debounce(func, delay) {
let timeout
return function() {
clearTimeout(timeout) // 如果持续触发，那么就清除定时器，定时器的回调就不会执行。
timeout = setTimeout(() => {
func.apply(this, arguments)
}, delay)
}
}
function sayHi() {
console.log("防抖成功");
}
debounce(sayHi, 2000, false)()
debounce(sayHi, 2000, false)()
debounce(sayHi, 2000, false)()
debounce(sayHi, 2000, false)()
这一段防抖函数是一个网上最基础的函数，看了一下，基本上都是这么写的。
我对防抖函数的理解是多次触发，应该只响应一次，即这段代码中，应该只打出一个sayHi。但是在实际写代码的情况下，会在两秒后同时出现四个sayHi，于是怀疑防抖没有生效，只是延迟了两秒一起触发了而已
然后加入了一些settimeout来验证
function debounce(func, delay) {
let timeout
return function() {
clearTimeout(timeout) // 如果持续触发，那么就清除定时器，定时器的回调就不会执行。
timeout = setTimeout(() => {
func.apply(this, arguments)
}, delay)
}
}
function sayHi() {
console.log("防抖成功");
}
debounce(sayHi, 2000, false)()
setTimeout(debounce(sayHi, 2000, false),1000)
setTimeout(debounce(sayHi, 2000, false),3000)
setTimeout(debounce(sayHi, 2000, false),5000)
结果确实是异步在2，3，5，7秒触发了sayHi
因此有了这个疑问，是我的理解有误还是使用该函数有误呢，望有哥们儿解答。
#学习路径#
查看7道真题和解析
投递华为技术有限公司等公司10个岗位