javascript - ES6 异步 promise

Question

我还是 ES6 的初学者。 我正在尝试创建一个发送 http(s) 请求的函数，其逻辑是发送 http(s) 请求时的逻辑。如果有 5 个或更多正在进行的请求，您必须等到其中一个 其中一个已完成，然后您可以处理下一个请求。 当响应码不是200时，需要重试3次。如果响应代码之后 重试3次仍然不是200那么应该执行错误函数。 我还想接收响应正文的 JSON 数据作为函数参数。

function httpGet(url) {
    return new Promise(
        function (resolve, reject) {
            const request = new XMLHttpRequest();
            request.onload = function () {
                if (this.status === 200) {
                    // Success
                    resolve(this.response);
                } else {
                    // Something went wrong (404 etc.)
                    reject(new Error(this.statusText));
                }
            };
            request.onerror = function () {
                reject(new Error(
                    'XMLHttpRequest Error: '+this.statusText));
            };
            request.open('GET', url);
            request.send();
        });
}

这就是我到目前为止所做的。 谢谢

Answer 1

这是 promise 回调的通用队列:

// Helper to run a callback when a promise either resolves, or rejects.
function fin(promise, callback){
  return promise.then(
    value => (callback(), Promise.resolve(value)),
    error => (callback(), Promise.reject(error))
  );
}

function makeQueue(maxParallel){
  const queue = [];
  let inProgress = 0;

  // Run the oldest queued task.
  function run(){
    const {resolve, reject, callback} = queue.shift();

    inProgress++;
    return fin(callback(), () => inProgress--).then(resolve, reject);
  }

  // If more tasks can run in parallel, start them
  function dequeue(){
    if (queue.length > 0 && inProgress < maxParallel) run().then(dequeue);
  }

  return function(callback){
    return new Promise((resolve, reject) => {
      queue.push({resolve, reject, callback});
      dequeue();
    });
  }
}

然后使用queue来排队httpGet:

const queue = makeQueue(5);

// Queue up httpGet calls.
function httpGetWithQueue(url){
  return queue(() => httpGet(url));
}

然后使用重试逻辑调用它:

// Call httpGet with queued processing, with the request tried
// up to three times.
function httpGetWithRetry(url){
  let result = Promise.reject();

  for (var i = 0; i < 3; i++){
    result = result.catch(() => httpGetWithQueue(url));
  }
  return result;
}