一个纠结了很久的问题，有关于js防抖结合闭包的一个疑惑，求助

[十年半夏ぅ]

// 防抖
function calcTop (fn, delay) {
let timer = null;
console.log(timer);
return function () {
if (timer) {
clearTimeout(timer);
}
timer = setTimeout(fn, delay);
}
}

window.onscroll = calcTop(scrollTop, 1000);

为什么timer只执行一次呢？不是只要滚动就触发防抖事假吗？求助。。。

[foreverpx]

滚动触发 calcTop函数，calcTop中利用timer来保存 setTimeout返回的引用。 每次calcTop函数执行的时候，会先检查timer是否存在，如果存在则把之前的imer，也就是定时器清除了（clearTimeout），所以 setTimeout 中的 fn 自然不会执行。

[十年半夏ぅ]

引用 1 楼 foreverpx的回复:

滚动触发 calcTop函数，calcTop中利用timer来保存 setTimeout返回的引用。 每次calcTop函数执行的时候，会先检查timer是否存在，如果存在则把之前的imer，也就是定时器清除了（clearTimeout），所以 setTimeout 中的 fn 自然不会执行。

好的，谢谢。那console.log(timer)为什么只打印一次null呢，后面无论怎么滚都不再次打印了

[foreverpx]

引用 2 楼 十年半夏ぅ的回复:

[quote=引用 1 楼 foreverpx的回复:]滚动触发 calcTop函数，calcTop中利用timer来保存 setTimeout返回的引用。 每次calcTop函数执行的时候，会先检查timer是否存在，如果存在则把之前的imer，也就是定时器清除了（clearTimeout），所以 setTimeout 中的 fn 自然不会执行。

好的，谢谢。那console.log(timer)为什么只打印一次null呢，后面无论怎么滚都不再次打印了[/quote] 因为calcTop函数返回的是一个function，这个function被赋值给了onscroll，滚动的时候执行的是这个function，而不是calcTop。

[十年半夏ぅ]

引用 5 楼 foreverpx的回复:

[quote=引用 2 楼 十年半夏ぅ的回复:][quote=引用 1 楼 foreverpx的回复:]滚动触发 calcTop函数，calcTop中利用timer来保存 setTimeout返回的引用。 每次calcTop函数执行的时候，会先检查timer是否存在，如果存在则把之前的imer，也就是定时器清除了（clearTimeout），所以 setTimeout 中的 fn 自然不会执行。

好的，谢谢。那console.log(timer)为什么只打印一次null呢，后面无论怎么滚都不再次打印了[/quote] 因为calcTop函数返回的是一个function，这个function被赋值给了onscroll，滚动的时候执行的是这个function，而不是calcTop。[/quote] 好的，谢谢大佬耐心的解答