재귀 자체 호출 함수 및 비동기 작업

Question

this question에서 forEach 루프 또는 자체 호출을 사용하여 비동기 I/O 작업을 수행 할 수 있다고 결론을 냈습니다. 나는 왜 그것이 나를 위해 작동하지 않는지 모르겠지만 루프의 일부는 제대로 작동하지 않고 호출되는 비동기 함수없이 제대로 작동합니다.

var fileNames = ["fileA", "fileB", "fileC", "fileD", "fileE", "fileF", "fileG", "fileH"]; 
var json; 

(function parseFiles(i) { 

    console.log(i + " " + fileNames[i]); 

    var uri = new Windows.Foundation.Uri('ms-appx:///data/' + fileNames[i] + '.json'); 

    Windows.Storage.StorageFile.getFileFromApplicationUriAsync(uri).then(function (file) { 
     Windows.Storage.FileIO.readTextAsync(file).then(function (contents) { 
      json[fileNames[i]] = JSON.parse(contents); 

      if (i < fileNames.length) { 
       parseFiles(i+1); 
      } else {} 
     }); 
    }); 

})(0); 

내 콘솔 출력의 종류 이상하다 : 여기

0 fileA 
1 fileB 
0 fileA 
2 fileC 
1 fileB 
3 fileD 
2 fileC 
3 fileD 

두 질문 :

1. 이 fileH에 FILEA에서 들어가도록 나는 그것을 해결 방법은?
2. 파일을 구문 분석 한 후 자체 호출 된 함수 또는 readFileAsync()에 의해 반환 된 약속의 then 함수의 else 루프에서 변수 json과 함께 작동하도록 코드를 넣으시겠습니까?

Answer 1

나는이 일을 결국 :

var fileNames = ["fileA", "fileB", "fileC", "fileD", "fileE", "fileF", "fileG", "fileH"]; 
var json; 

(function parseFiles() { 

    var name = fileNames.pop(); 

    Windows.Storage.StorageFile.getFileFromApplicationUriAsync(new Windows.Foundation.Uri('ms-appx:///data/' + name + '.json')) 
     .then(function (file) { 
      return Windows.Storage.FileIO.readTextAsync(file); 
     }, function error(e){ 
      console.dir(e); 
     }) 
     .then(function (contents) { 
      json[name] = JSON.parse(contents); 
     }) 
     .then(function() { 
      console.log("Name: "+name+" Remaining array length:"+fileNames.length); 

      if (fileNames.length === 0) { 
       console.log('all done'); 
       // do whatever else here 
      } else { 
       parseFiles(); 
      } 
     }); 
})(); 

나는 재귀 함수의 전체 무리를 작성하지 않아도 재귀 함수의 비동기 방법이 약속 인터페이스를 사용하는 것이 다행이야 .