Debounce Function Snippet: Implements a debounce function to limit the rate at which a function can fire.

main.js

/**
 * Debounce Function Snippet
 * Brief Description: Implements a debounce function to limit the rate at which a function can fire.
 *
 * Author: Pablo Aballe
 * Date: 2023-12-22
 */

/**
 * Creates a debounced version of a function.
 * @param {Function} func - The function to debounce.
 * @param {number} delay - The number of milliseconds to delay.
 * @returns {Function} - The debounced function.
 */
function debounce(func, delay) {
    let debounceTimer;
    return function() {
        const context = this;
        const args = arguments;
        clearTimeout(debounceTimer);
        debounceTimer = setTimeout(() => func.apply(context, args), delay);
    };
}

// Usage Example
window.addEventListener('resize', debounce(() => {
    console.log('Resize event handler called after 300ms of no resize events');
}, 300));

// Additional Notes:
// Debouncing is particularly useful for rate-limiting execution of handlers on events like resize, scroll, or keyup.