函数防抖
当持续触发事件时，保证在一定时间内只调用一次事件处理函数，意思就是说，假设一个用户一直触发这个函数，且每次触发小于既定值，函数节流会每隔这个时间调用一次
<script>
//节流：一段时间，只触发一次（如lol中技能的释放）
function throttle(fn, wait) {
//+new Date === new.Date().getTime()这是一个语法糖
let endTime = +new Date
return function () {
if (+new Date - endTime < wait) return;
fn.apply(this, arguments)
endTime = +new Date
}
}
//如何触发
function test() {
console.log(new Date());
}
let zz = throttle(test, 2000)
setInterval(() => {
zz()
}, 400);
</script>
函数防抖
当持续触发事件时，一定时间段内没有再触发事件，事件处理函数才会执行一次，如果设定时间到来之前，又触发了事件，就重新开始延时。也就是说当一个用户一直触发这个函数，且每次触发函数的间隔小于既定时间，那么防抖的情况下只会执行一次。
<script>
//防抖：在计划的时间内执行某任务，在这时间内有一次触发，则重新等待（lol回城）
function debounce(fn, wait) {
let timer = null
return function () {
if (timer) {
console.log('重新等待' + wait);
clearTimeout(timer)
}
timer = setInterval(() => {
fn.apply(this, arguments)
timer = null
}, wait);
}
}
function test() {
console.log(new Date());
}
let yy = debounce(test, 2000)
for (let i = 0; i < 5; i++) {
yy()
}
</script>
用一句话总结防抖和节流的区别：防抖是将多次执行变为最后一次执行，节流是将多次执行变为每隔一段时间执行
