函数防抖

[ziwei3749]

函数防抖

函数防抖

含义： 让函数在一段时间内，只执行一次

典型场景

• 用户疯狂点击btn，但是最终应该只发出一次ajax请求

函数防抖的简易实现

   function debounce( fn, time ) {
            return () => {
                clearTimeout( fn.id )
                fn.id = setTimeout( () => {
                    fn()
                }, time )
            }

        }
        window.addEventListener( 'resize', debounce( () => {
            console.log( 'hello' )
        }, 1000 ) )