本机JSpromise重试包装器

Question

    {id:123459876, code:"frog"}
    [{value:"water", contents:0}]

null

function makeRequest(reqMethod, navURL) {
    return new Promise(function (resolve, reject) {
        GM_xmlhttpRequest({
            method: reqMethod,
            url:    navURL,
            onload: function () {
                if (this.status >= 200 && this.status < 300) {
                    resolve(this.response);
                } else {
                    reject({
                        status: this.status,
                        statusText: this.statusText
                    });
                }
            },
            onprogress: function(event) {
                console.log(`Loaded ${event.loaded} of ${event.total}`);
            },
            onerror: function(data) {
                reject({
                    status: this.status,
                    statusText: this.statusText
                });
            }
        });
    });
}

    function makeRequestWrapper(requestMethod, navToURL, successFunction) {
        makeRequest(requestMethod, navToURL)
            .then(
                function (datums) {
                    successFunction(datums);
                }
            )
            .catch(
                function (err) {
                    console.error('there was an error!', err.statusText);
                }
            );
    }

// one of the 3 example handler methods for dealing with the success + JSON
    function successHandler1(jsonDataResponse) {
        let response = JSON.parse(jsonDataResponse);
        let id = response[0].id;
        let updateLink = document.getElementById("unique_link_id").parentNode.parentNode;
        updateLink .innerHTML += ` ID: ${id} `;
    }

然而，我的问题是，提取此JSON数据的脚本的一些用户将使Promise失败（一些用户比其他用户更频繁）--因此，我尝试的下一步分流是重试Promise一定次数，并且有延迟。这样，我想重试一个失败的promise，比方说3次，延迟3秒，应该会给你足够的尝试和时间来提高promise的成功率。

我的想法

因为我对JS相对来说是个新手（还在学习它，希望成为一门我可以在生活中使用的语言），我读过像promise和观察到的东西？并重新考虑我是否在正确的道路上解决这个问题。我想我需要一个深入的例子，具体到我的用例，并有一步一步的详细解释，以便不仅了解promise，而且了解这个用例场景。

null

• 在Node.js中使用Promise的重试模式
• JavaScript:promise和为什么Async/Await赢得这场战斗
• 重试JavaScript的同步/异步（promise）函数

我也看过无数的医生，比如；

• https://developer.mozilla.org/en-美国/docs/web/api/
• https://wiki.greasespot.net/
• https://javascript.info/
• https://devdocs.io/javascript/

null

Answer 1

下面是围绕makerequest()函数的包装器，它允许传递最大重试次数和重试之间的延迟。它返回一个promise，如果成功就会解决，如果在MaxRetris之后仍然有错误就会拒绝。

function makeRequestRetry(requestMethod, navToURL, maxRetry = 3, retryDelay = 3000) {
    let retryCnt = 0;

    function delay(t) {
        return new Promise(resolve => {
            setTimeout(resolve, t);
        });
    }
    
    function run() {
        return makeRequest(requestMethod, navToURL).catch(function (err) {
            ++retryCnt;
            if (retryCnt > maxRetry) {
                console.error('Max retries exceeded. There was an error!', err.statusText);
                throw err;
            }
            console.error('Retry #' + retryCnt + ' after error', err.statusText);
            // call ourselves again after a short delay to do the retry
            // add to the promise chain so still linked to the originally returned promise
            return delay(retryDelay).then(run);
        });
        
    }
    return run();
}

人们会这样称呼它：

makeRquestRetry('GET', someURL, 5, 5000).then(result => {
    console.log(result);
}).catch(err => {
    console.log(err);
});

或者，使用重试参数的默认值：

makeRquestRetry('GET', someURL).then(result => {
    console.log(result);
}).catch(err => {
    console.log(err);
});