白也blog - 防抖
type: channel
link: http://www.baiyeovo.cn/index.php/tag/%E9%98%B2%E6%8A%96/
items: 防抖 节流 个人理解

防抖 节流 个人理解
type: item
date: 2022-01-11T15:27:00+08:00
description: 函数防抖函数防抖：单位时间内，频繁触发事件，只会触发最后一次函数防抖实际开发应用场景： 实时获取输入框文本小知识:王者荣耀的回城函数节流函数节流：单位时间内，频繁触发事件，只会触发一次函数节流应用场景 ： 解决高频事件，频繁触发事件浪费性能小知识:王者荣耀的技能// 防抖 const debounce = (fn, delay = 1000) => { let timer = null return function (...args) { clearTimeout(timer) timer = setTimeout(() => { fn.apply(this, args) }, delay) } } // 节流函数 const throttle = (fn, delay = 1000) => { let timer = null return function (...args) { if (!timer) { timer = setTimeout(() => { fn.apply(this, args) timer = null }, delay) } } } 示例: