JS详解-手写防抖工具debounce

        const func = function(e){
            console.log('e:',e)
            renderCity(this.value)
        }
        function debounce(func,delay){
            let timeId
            // 使用剩余参数保证能接收不定长参数
            return function(...args){
                // 保存this
                const _this = this
                clearTimeout(timeId)
                timeId = setTimeout(()=>{
                    func.call(_this,args)
                },delay)
            }
        }
        const deFunc = debounce(func,500)
        document.querySelector('.query').addEventListener('input',deFunc)

防抖-防止js高频渲染页面时出现抖动（卡顿），适用触发频率高，耗费性能的事件