node.js 多個異步過程判斷執(zhí)行是否完成

cyrils 發(fā)布于2019-08-21 18:00 / 2213人閱讀

摘要：方案二判斷異步過程執(zhí)行次數(shù)方案方案的判斷條件，這里的充當異步任務(wù)執(zhí)行情況的觀察員，僅與異步過程的調(diào)用次數(shù)有關(guān)，且與其他處理過程無關(guān)。不過應(yīng)當注意的處理。避免其對最終處理的影響。

場景：想請求量較大的網(wǎng)絡(luò)數(shù)據(jù)，比如想獲取1000條結(jié)果，但數(shù)據(jù)處理速度慢，有超時的風(fēng)險，可以分成10次處理，每次處理100條；所有請求完成后再統(tǒng)一進行處理。

這樣的應(yīng)用場景，可以這樣處理：

方案一：判斷請求到的數(shù)據(jù)條目

// 模擬網(wǎng)絡(luò)請求
function fetch(url, callback) {
  setTimeout(function (){
    callback(null, {
        subjects: [{
          data: Math.round(Math.random() * 100)
        }]
      });
  }, 2000);
}

// 實現(xiàn)方案1
function multiTask_1 () {
  var arr = [];
  var baseUrl = "https://api.douban.com/v2/movie/top250";
  for (var start = 0; start < 10; start++) {
    var url = baseUrl + "?start=" + start + "&count=1";
      fetch(url, function(error, res) {
        var data = res.subjects;
        arr = arr.concat(data);
        // 調(diào)用完成后統(tǒng)一處理
        if (arr.length === 10) {
          console.log(arr);
        }
    });
  }
}

將運行結(jié)果用arr.length來判斷，如果arr.length不像我們期望的那樣，比如由于網(wǎng)絡(luò)傳輸或者處理異常，少一條，那么我們將無法做后續(xù)的處理。這種處理方式強業(yè)務(wù)耦合；不具有普適性。

方案二：判斷異步過程執(zhí)行次數(shù)

// 方案2
function multiTask_2 () {
  var taskWatcher = 0;
  var arr = [];
  var baseUrl = "https://api.douban.com/v2/movie/top250";
  for (var start = 0; start < 10; start++) {
    taskWatcher++;
    var url = baseUrl + "?start=" + start + "&count=1";
    fetch(url, function(error, res) {
        var data = res.subjects;
        arr = arr.concat(data);
        taskWatcher--;
        if (taskWatcher === 0) {
          console.log(arr);
        }
    });
  }
}

方案2 的判斷條件，這里的 taskWatcher 充當異步任務(wù)執(zhí)行情況的觀察員，
僅與異步過程的調(diào)用次數(shù)有關(guān)，且與其他處理過程無關(guān)。那有沒有其他方案呢

方案三：Promise.all()

Promise.all(iterable) 方法返回一個 Promise, 它將在上述可迭代對象中的所有 Promise 被 resolve 之后被 resolve，或者在任一 Promise 被 reject 后被 reject。

function multiTask_3 () {
  // var taskWatcher = 0;
  var taskStack = [];
  var arr = [];
  var baseUrl = "https://api.douban.com/v2/movie/top250";
  for (var start = 0; start < 10; start++) {
    taskStack.push(
      new Promise((resolve, reject) => {
        var url = baseUrl + "?start=" + start + "&count=1";
        fetch(url, function(error, res) {
          var data = res.subjects;
          arr = arr.concat(data);
          resolve();
        });
      })
    );
  }

  Promise.all(taskStack).then(function () {
    console.log(arr);
  });
}

這種方式更具有通用性，如果異步任務(wù)類型不同，也可以用這種方式來解決。不過應(yīng)當注意reject的處理。避免其對最終處理的影響。

方案四： EventProxy

EventProxy是樸靈寫的，https://github.com/JacksonTian/eventproxy

  var ep = new EventProxy();
  var arr = [];
  ep.after("fetchData", 10, function (list) {
    list.forEach(function(item){
      arr = arr.concat(item); 
    });
    console.log(arr);
  });

  var baseUrl = "https://api.douban.com/v2/movie/top250";
  for (var start = 0; start < 10; start++) {
    var url = baseUrl + "?start=" + start + "&count=1";
      fetch(url, function(error, res) {
        var data = res.subjects;
        ep.emit("fetchData", data);
    });
  }

EventProxy基于事件訂閱/發(fā)布模式，這里的after 方法可以偵聽多次事件，回調(diào)中保存了多次異步任務(wù)的數(shù)據(jù)結(jié)果的數(shù)組；除此之外EventProxy還支持多個不同事件的偵聽和處理。