/**
* @param {Function} func
* @param {number} wait
* @param {boolean} immediate
* @return {*}
*/
function debounce(func, wait, immediate) {
let timeout, args, context, timestamp, result
const later = function () {
// 据上一次触发时间间隔
const last = +new Date() - timestamp
// 上次被包装函数被调用时间间隔 last 小于设定时间间隔 wait
if (last < wait && last > 0) {
timeout = setTimeout(later, wait - last)
} else {
timeout = null
// 如果设定为immediate===true,因为开始边界已经调用过了此处无需调用
if (!immediate) {
result = func.apply(context, args)
if (!timeout) context = args = null
}
}
}
return function (...args) {
context = this
timestamp = +new Date()
const callNow = immediate && !timeout
// 如果延时不存在,重新设定延时
if (!timeout) timeout = setTimeout(later, wait)
if (callNow) {
result = func.apply(context, args)
context = args = null
}
return result
}
}
JS防抖函数封装
最新推荐文章于 2024-06-15 15:17:29 发布
该代码实现了一个debounce函数,用于优化性能。它接受一个函数、等待时间和是否立即执行作为参数。当函数在特定时间内连续被调用时,debounce会确保在最后一次调用后的一段延迟时间内只执行一次。这常用于事件处理,如滚动事件,以避免频繁执行导致的性能问题。
摘要由CSDN通过智能技术生成