如何区分函数去抖和函数节流在应用中的具体使用场景？

本文共计302个文字，预计阅读时间需要2分钟。

防抖函数（debounce）: 当调用函数n秒后，才会执行该动作。若在这n秒内又调用该函数，则取消前一次并重新计算执行时间（适用于频繁触发的情况，如鼠标移动、键盘敲击等，只有足够的空闲时间，才会执行代码一次）。

函数去抖（debounce）：当调用函数n秒后，才会执行该动作，若在这n秒内又调用该函数则取消前一次并重新计算执行时间（频繁触发的情况下，只有足够的空闲时间，才执行代码一次）

function debounce(delay, cb) {
let timer
return function () {
if (timer) clearTimeout(timer)
timer = setTimeout(function () {
cb()
}, delay)
}
}

函数节流（throttle）：函数节流的基本思想是函数预先设定一个执行周期，当调用动作的时刻大于等于执行周期则执行该动作，然后进入下一个新周期（一定时间内js方法只跑一次。