手写防抖函数

 // 定义 ： 当持续的触发事件 一定事件内没有再次触发事件 事件处理函数才会执行一次
        var input  = document.getElementById('input')
        function debounce(delay){
            let timer
            return function ( value){
                clearTimeout(timer)
                timer = setTimeout( function(){
                    console.log(value)  // 如果打印结果不想在这里输出 而是在外面输出 那么久需要一个回调函数
                },delay)
            }
        }
        var debounceFunc = debounce(1000)
        input.addEventListener('keyup',function(e){
            debounceFunc(e.target.value)
        })

        // 分割线
        var input  = document.getElementById('input')
        function debounce(delay,callback){
            let timer
            return function ( value){
                clearTimeout(timer)
                timer = setTimeout( function(){
                  callback(value) 
                },delay)
            }
        }
        function fn(value){
            console.log(value)
        }
        var debounceFunc = debounce(1000,fn)
        input.addEventListener('keyup',function(e){
            debounceFunc(e.target.value)
        })