How do I implement throttle in JavaScript?

How do I implement throttle in JavaScript?

Throttling in JavaScript is a technique to limit the number of times a function is executed over time. Would you like a code example?

Yes, please provide a code example for throttling a function.

Here's a simple implementation of throttle:

function throttle(func, limit) {
    let lastFunc;
    let lastRan;
    return function() {
        const context = this;
        const args = arguments;
        if (!lastRan) {
            func.apply(context, args);
            lastRan = Date.now();
        } else {
            clearTimeout(lastFunc);
            lastFunc = setTimeout(function() {
                if ((Date.now() - lastRan) >= limit) {
                    func.apply(context, args);
                    lastRan = Date.now();
                }
            }, limit - (Date.now() - lastRan));
        }
    };
}

This function will ensure that func is only called at most once every limit milliseconds.

How can I use this throttle function in a real scenario?

You can use the throttle function to limit the rate of events like scrolling or resizing. For example:

window.addEventListener('resize', throttle(() => {
    console.log('Resized!');
}, 1000));

This will log 'Resized!' at most once every second during window resizing.