防抖节流手撕代码

防抖

个人理解： 防抖函数就是相当于一个可以重复给函数设置延迟触发的setTimeout，在重复执行的时候， 因为在其里面有一个清除上一次定时器的语句，也就是说当重复执行时，就会触发新的定时器，那么又得在规定的延时后执行，如果在规定时间内再次被触发就又得重新等待（因为上一次待执行的定时器被清除了）， 才会执行你需要执行的函数。

🌰： 就相当于你王者游戏中技能的冷却时间，当冷却时间开始倒计时（设总冷却时间为6s），假如官方出现bug， 你受到伤害后，冷却时间就会被重新计算。 那么当你的冷却时间剩下1s的时候， 你又受到伤害，冷却时间又回到6s， 只有你不在受到伤害后，冷却时间为0，你才能再次发出技能。

应用场景： seach、 input 中

function debounce (fn, delay = 100, immediate) {
	let timer = null;
	return function (...args) {
		if(timer) {
			clearTimeout(timer);
		}
		if (immediate && !timer) { // immediate 为 true 表示第一次触发后立刻执行 不用等待
			fn.apply(this,args);
		}
		timer = setTimeout(() => {
			fn.apply(this,args)
		}
		, delay)
	}
}

function ajax (content) { console.log(content)}
const debounceAjax = debounce(ajax, 1000, true);