承诺不返回请求的值

Question

我有这个承诺：

function getAPI(token)
{
return new Promise((resolve, reject) => {
    console.log("Request API");
    GM_xmlhttpRequest({
        method: "GET",
        url: "URL"+token,
        onload: function(response) {
            console.log(response.responseText);
            if( response.responseText == "NOT_ANSWER" || response.responseText.indexOf("ERRO") > -1 ){
                console.log(response.responseText + " - Calling Myself in 5 Seconds");
                setTimeout(function(){
                    getAPI(token);
                },5000);
            }
            else{
                console.log('Call API - Giving Result');
                resolve(response.responseText.split("_")[1]);
            }
        }
    });
});

}

当答案不是我想要的，但不能少于 5 秒时，我会在内部调用它。

然后我在主函数中这样做：

setTimeout( function(){
                getAPI(token).then((key) => {
                    console.log(key);
                    doSomethingWithKey;
                    setTimeout( function(){
                        loop();
                    },1000);
                }).catch(() => {
                    console.log('Error na api - reload page!');
                    location.reload();
                });
            },25000);

但我注意到，当 getAPI 调用自身时，导致答案不是我想要的，主函数中的“.then”永远不会执行，我的代码挂在那里。我该如何解决？我不太了解承诺，但我不明白为什么它会挂起......

Answer 1

当答案不是我想要的时，我会在其内部调用它，

然后你不调用你从顶部 getAPI 调用返回的承诺的 resolve，所以承诺永远不会解决，你的 then 回调永远不会得到任何结果。

你应该 promisify 你的异步函数 GM_xmlhttpRequest 和 setTimeout 在最低级别，然后只链接你的承诺。通过returning 来自then 回调的递归调用的结果，生成的promise 将以相同的结果解析：

function xhrAsync(url) {
    return new Promise((resolve, reject) => {
        GM_xmlhttpRequest({
            method: "GET",
            url: url,
            onload: resolve
        });
    });
}
function delayAsync(time) {
    return new Promise(resolve => {
        setTimeout(resolve, time);
    });
}
function getAPI(token) {
    console.log("Request API");
    return xhrAsync("URL"+token).then(response => {
//  ^^^^^^                       ^^^^
        console.log(response.responseText);
        if (response.responseText == "NOT_ANSWER" || response.responseText.includes("ERRO")) {
            console.log(response.responseText + " - Calling Myself in 5 Seconds");
            return delayAsync(5000).then(() => {
//          ^^^^^^                  ^^^^
                return getAPI(token);
//              ^^^^^^
            });
        } else {
            console.log('Call API - Giving Result');
            return response.responseText.split("_")[1];
        }
    });
}

Answer 2

您正在创建多个 Promise，因为每次调用 getAPI 都会创建并返回一个 new Promise。

getAPI 不应该调用自己（或者如果调用，它应该将新的承诺传递给resolve）；相反，只需重试其中需要重试的部分，如下所示：

function getAPI(token) {
    return new Promise((resolve, reject) => {
        // Function to do the request
        function doRequest() {
            console.log("Request API");
            GM_xmlhttpRequest({
                method: "GET",
                url: "URL" + token,
                onload: function(response) {
                    console.log(response.responseText);
                    if (response.responseText == "NOT_ANSWER" || response.responseText.indexOf("ERRO") > -1) {
                        // Not what we wanted, retry
                        console.log(response.responseText + " - Calling Myself in 5 Seconds");
                        setTimeout(doRequest, 5000);
                    }
                    else {
                        console.log('Call API - Giving Result');
                        resolve(response.responseText.split("_")[1]);
                    }
                }
            });
        }
        doRequest();
    });
}

---

旁注：您使用 getAPI 的代码正在检查承诺拒绝，但 getAPI 中没有任何内容拒绝承诺。