如何在反应中停止递归 setTimeout 函数（clearTimeout 不起作用）？

Question

感谢您查看此内容。 我正在使用递归进行 api 调用以检查任务状态更新。 我上周已经实现了这个功能，它正在工作？？ 不知道为什么它不再。 不起作用的条件是如果状态为 FAILURE，它不会清除超时，但它会进入条件......超时在正确上下文中的函数外部声明。

export async function exponentialBackoff (checkStatus, task_id, timeout, max, delay, callback) {
    let status = await checkStatus(task_id);
    if (status === "SUCCESS") {
        callback();
    } else {
        if (status === "PENDING") {
            timeout = setTimeout(function() {
                return exponentialBackoff(checkStatus, task_id, timeout, --max, delay * 2, callback);
            }, delay);
        }  else if (status === "FAILURE" || max === 0){
            clearTimeout(timeout);
            return "FAILURE";
        }
    }
}

Answer 1

它看起来像一个回调地狱。 我强烈建议您避免名称阴影和覆盖参数。

另外 - 我相信如果调用下一个超时，您不想保持前一个超时？

let timeoutInstance;

const clear = (tm) => {
   if (tm) clearTimeout(tm);
};

export async function exponentialBackoff (checkStatus, task_id, max, delay, callback) {
    let status = await checkStatus(task_id);
    if (status === "SUCCESS") {
        callback();
    } else {
        if (status === "PENDING") {
            clear(timeoutInstance);

            timeoutInstance = setTimeout(function() {
                return exponentialBackoff(checkStatus, task_id, --max, delay * 2, callback);
            }, delay);
        }  else if (status === "FAILURE" || max === 0){
            clear(timeoutInstance);

            return "FAILURE";
        }
    }
}