JS详解-手写防抖工具debounce

最新推荐文章于 2024-09-05 14:30:18 发布

Ian1025

最新推荐文章于 2024-09-05 14:30:18 发布

阅读量454

点赞数 2

分类专栏：学习总结文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/Ian1025/article/details/137399964

版权

学习总结专栏收录该内容

15 篇文章 0 订阅

订阅专栏

        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高频渲染页面时出现抖动（卡顿），适用触发频率高，耗费性能的事件