函数节流和函数防抖

在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时

// 未节流之前的代码

// 模拟ajax请求
function ajax(con){
    console.log('ajax'+ con);
}

var inputTextA = document.getElementById('texta');

inputTextA.addEventListener('keyup', function(e){
    ajax(e.target.value)
})

// 进行节流操作
    function ajax(content) {
        console.log('ajax request ' + content)
    }

    function debounce(fun, delay) {
        return function (args) {
            let that = this
            let _args = args
            clearTimeout(fun.id)
            fun.id = setTimeout(function () {
                fun.call(that, _args)
            }, delay)
        }
    }

    let inputb = document.getElementById('testa')

    let debounceAjax = debounce(ajax, 500)

    inputb.addEventListener('keyup', function (e) {
        debounceAjax(e.target.value)
    })