为Promise设置超时后超时逻辑始终执行，求问题排查

你的代码里超时逻辑总会触发，核心原因有两个：

1. jQuery Deferred 未正确转换为 ES6 Promise #

你手动在Promise构造函数里绑定done回调，但没有同步jQuery ajax的失败状态，同时jQuery的Deferred对象和ES6 Promise的行为存在细微差异，导致ajax的状态无法正确传递给你创建的Promise，可能让它一直处于pending状态，最终超时Promise胜出。

2. 未处理ajax的失败场景 #

你的ajax只处理了成功（done），但如果请求出现错误（比如HTTP 404/500、网络故障），你创建的Promise永远不会resolve或reject，Promise.race只能等待超时触发。

修复后的代码 #

function myFunction(url, maxWait) {
    maxWait = maxWait || 5000; // milliseconds
    // 将jQuery的Deferred转换为标准ES6 Promise
    const ajaxPromise = Promise.resolve($.ajax({ url: url }))
        .catch(error => {
            // 捕获ajax的错误，确保Promise状态会变更
            throw error;
        });

    const timeoutPromise = new Promise((_, reject) => {
        setTimeout(() => {
            reject(new Error("Timed out"));
        }, maxWait);
    });

    return Promise.race([ajaxPromise, timeoutPromise]);
}

关键改进点 #

• 用Promise.resolve()转换jQuery Deferred：它会自动将jQuery的thenable对象转换成标准ES6 Promise，同步所有成功/失败状态，无需手动绑定done/fail。
• 显式处理ajax错误：通过catch确保ajax失败时Promise会reject，避免Promise一直pending。
• 简化超时Promise：不需要clearTimeout，因为Promise.race一旦有一个Promise状态变更，就会忽略另一个的结果，定时器触发的reject不会影响已返回的结果。

内容的提问来源于stack exchange，提问作者eozzy