关于JS防抖函数，彻底搞懂其实不难

//定义success函数，在点击按钮时执行
		const success = ()=>{
		            console.log('点击了按钮btn')
		        }
        const debounce = (fn,delay)=>{
            let timer = null
            return (...args)=>{   //对象的解构
                clearTimeout(timer)
                timer = setTimeout(()=>{
                    fn.apply(this,args) //防止fn函数的this指向发生改变，绑定到return的函数作用域下，并且接收return函数接收的参数
                },delay)
            }
        }
        const btn = document.getElementById('btn')
        const oDebounce = debounce(success,1000)
        btn.addEventListener('click',oDebounce)

防抖函数原理:就是定义一个函数，在函数里面写一个定时器，在经过某个函数或者方法a（这里的a就是点击按钮事件）触发后，延迟多少时间执行某个函数或者方法b（这里的b就是success函数），
每执行一次事件a，清除上一次的延迟定时器，这样每执行一次事件a，上一次的定时器都被清除了，导致事件
b根本没有执行，直到最后一次a事件执行，b事件才会执行一次