关于JavaScript防抖与节流的区别与实现

// @fn 是对应请求数据
    // @ms 是用户多次触发事件的时间间隔 是一个毫秒数
    function debounce(fn, ms) {
        let timeout = null
        return function() {
            clearTimeout(timeout)
            timeout = setTimeout(() => {
                fn.apply(this, arguments)
            }, ms)
        }
    }

<input id="searchInput"/>
    function getData(){
        console.log('发送请求...')
    }
    document.getElementById('searchInput').oninput = debounce(getData, 800)
    // 如果用户一直在输入，是不会发送请求
    // 只有用户连续输入时间间隔超过800ms之后才会请求一次数据，也就是用户在800ms内没有输入才会去请求数据

    // @fn 是对应请求数据
    // @ms 是用户多次触发事件的时间间隔 是一个毫秒数
     function throttle(fn, ms){
        let flag = true
        return function(){
            if(!flag) return
            flag = false
            setTimeout(()=>{
                fn.apply(this, arguments)
                flag = true
            }, ms)
        }
    }

function getData(){
        console.log('发送请求...')
    }
    window.onscroll = throttle(getData, 800)
    // 用户在滚动的过程中，会间隔去请求数据