鍍金池/ 問答/數(shù)據(jù)庫  HTML/ freecodecamp-node.js中的juggling async

freecodecamp-node.js中的juggling async

需求:寫一個程序,能接受3個url作為參數(shù),并打印出這幾個url返回的值。

clipboard.png

思路:通過計算異步函數(shù)調(diào)用次數(shù)來匹配他們之間輸入輸出的順序。

原本我設(shè)置了index來計數(shù),每當(dāng)后臺返回的數(shù)據(jù)存入result數(shù)組的時候,就讓index加1,等于3的時候意味著3個url都返回了值,然后把result輸出。但是,最終result中成員的順序,總是跟參數(shù)的順序不一樣。。。

var bl = require("bl");
var http = require('http');
var result = [];
var index = 0;

function getHtp(srcUrl){
  http.get(srcUrl,function(res){
    res.pipe(bl(function(err,data){
      if(err){
         console.log('err',err)
      } else {
        result[index] = data.length;
        index++;
      }

      if(index == 3){
        console.log(result)
      }
    }))
  })
}
for(var i=0;i<3;i++){
  getHtp(process.argv[i+2])
}

后來看到別人的寫法,回調(diào)函數(shù)中返回另一個函數(shù),此函數(shù)處理返回值的。這樣就可以,result中的成員順序和參數(shù)順序就是一致的。我覺得我們的思路是一樣的,為何這樣的寫法就能保證輸出順序,而我的寫法就不能呢?另外,bl是一個npm包,用來處理buffer的。

var http = require('http')
var bl = require('bl')
var urls=process.argv.slice(2)
var out = []
var done= 0

for (var i = 0; i < urls.length; i++) {
    http.get(urls[i],function(index){
        return function(response){
            response.pipe(bl(function(err,data){
                out[index] = data.length
                done+=1
                if (done==3){
                    for (var i = 0; i < out.length; i++) {
                        console.log(out[i])
                    }
                }
            }))
        }
    }(i))
}
回答
編輯回答
厭惡我

別人用了閉包,讓返回值和存儲關(guān)系對應(yīng)起來了,你沒有用,僅僅是簡單的計數(shù),根據(jù)返回先后展示結(jié)果,當(dāng)然不對。
別人閉包的關(guān)鍵代碼就是

function(index){
        return function(response){
            response.pipe(bl(function(err,data){
                out[index] = data.length
                done+=1
                if (done==3){
                    for (var i = 0; i < out.length; i++) {
                        console.log(out[i])
                    }
                }
            }))
        }
    }(i)

部分代碼,它讓每次http.get都是調(diào)用順序相關(guān)的。

2018年8月22日 04:31