节流和防抖通用函数的封装以及调用方式

通用函数：

// 节流
function throttle(callback, wait) {
    let start = 0
    return function(e) {
        const now = Date.now()
        if (now - start >= wait) {
            // callback(e)
            callback.call(this, e)
            start = now
        }
    }
}

// 防抖
function debounce(callback, wait) {
    let timer = null
    return function(e) {
        if (timer) {
            clearTimeout(timer)
        }
        timer = setTimeout(()=> {
            callback(e)
            timer = null
        }, wait)
    }
}

使用方法：

<script>
    // 节流
    window.addEventListener('scroll', throttle(function(e) {
        console.log(e)
    }, 1000))
    // 防抖
    window.addEventListener('scroll', debounce(function(e) {
        console.log(e)
    }, 1000))
</script>