防抖与节流（二）

封装一个用防抖的函数

  <input type="text">

封装代码

let inp = document.querySelector('input')
    inp.oninput = debounce(function(){
        console.log(this.value)
    },500)
    // 防抖
    function debounce(fn, delay){
        let t=null
        return function (){
            if(t!==null){
                clearTimeout(t)
            }
            t = setTimeout(() => {
                fn.call(this)
            }, delay);
        }
    }