debounce_throttle.js

const debounce = (f, time) => {
    let debounced
    return function (...args) {
        const actor = () => f.apply(this, args)
        clearTimeout(debounced)
        debounced = setTimeout(actor, time)
    }
}

const throttle = (f, time) => {
    let throttled
    let timeStamp
    return function (...args) {
        const actor = () => {
            timeStamp = Date.now()
            f.apply(this, args)
        }
        clearTimeout(throttled)
        throttled = setTimeout(actor, timeStamp && (time - (Date.now() - timeStamp)))
    }
}


// test
const testcase = {
    data: {
        x: 1
    },
    onDebounced: debounce(function (y, z) {
        console.log('debounced', this.data.x, y, z)
    }, 1000),
    onThrottled: throttle(function (y, z) {
        console.log('throttled', this.data.x, y, z)
    }, 1000)
}

const test = f => Array(10).fill(0).forEach((_, i) => setTimeout(() => f(2, 3), 300 * i))

test(testcase.onDebounced.bind(testcase))
test(testcase.onThrottled.bind(testcase))