javascript - 迭代中的异步函数 - javascript

Question

我试图不复制代码并循环 d3 中的异步函数。这是一些代码

由于 d3.text 是异步的，我无法以正确的方式使用索引 u 将对象附加到 DOM。我该怎么办？一旦 d3.text 完成，我需要循环进入下一次迭代

for(var u in urls) {
  console.log(u);
  var url = "interest_points/" + urls[u] + ".csv";
  var data_gpBy_month = {};
  var sortable_month = []

  d3.text(url, function(text) {
    // some code...
    var data = d3.csv.parseRows(text).map(function(row) {
      //some code...        
    });

    //some code
  });           
}

Answer 1

类似这样的东西( fiddle :http://jsfiddle.net/EYAYT/2/)？

var urls = ["asd", "asdasd", "Asdasfa"];
var currentUrlIndex = 0;
var getUrl = function(){
    if (currentUrlIndex >= urls.length){
        return null;
    } else {
      return "interest_points/" + urls[currentUrlIndex++] + ".csv";
    }
}

var execd3Text = function(){
    var url = getUrl();
    if (url){
        d3.text(url, function(text) {                                               

                  //some code;;
                  execd3Text();
                });
    }
}

execd3Text();