스로틀링 로직 개선

AS-IS

전역변수로 스로틀링할 로직의 key를 설정하도록 구현하였습니다.

스로틀링할 로직이 추가될 때마다 key를 추가해주어야하고 key의 목록을 관리해야하는 불편함이 있습니다.

TO-BE

클로저를 활용해 key 없이 스로틀링 함수를 사용할 수 있도록 리팩토링을 진행하였습니다.

const throttleManager = {};
export const throttle = (key = '', callback = () => {}, delay = 500) => {
    if (throttleManager[key]) {
        return;
    }

    callback();
    throttleManager[key] = true;

    setTimeout(() => {
        delete throttleManager[key];
    }, delay);
};

const throttle = (callback: (...params: any[]) => void, delay = 500) => {
    let timeout: ReturnType<typeof setTimeout> | null = null;

    return (...params: any[]) => {
        if (timeout) {
            return;
        }
        callback(...params);
        timeout = setTimeout(() => {
            timeout = null;
        }, delay);
    };
};