JavaScript(AngularJS)の非同期処理の部分を同期処理に変えたい

Question

仕事の案件で現在同期処理となっている箇所を同期処理に変えたいのですが、Promiseの使い方がどうしても理解ができません。

調べてそれらしき情報を参考にしてソース修正もしてみたのですが、どれもうまく行かず、、
ご存じの方がおられましたが助言をいただきたいです。

かなり調べたのですが、参考サイト等を見てもいまいち理解が浅いままなので初心者向けの説明がありがたいです。

//メインファイルです
//大本のファイルでAngularJSをインポートしています

function getInfo() {

  var ｉｎｆｏ = [];

  var promise = sub.getInfomation();
//現在getInfomationが非同期処理でサーバにアクセスしているので
//データをすべて取得するのを待ちたい

  var promiseAll = $q.all(promise);
//私の認識ではこの記載でpromiseが完了するのを待つことだと思いました。
//違いましたら助言をいただきたいです・・・。

  promiseAll.then(function(){
    info = //promiseで取得した処理を入れたい
  }
}

//subのファイルです ※こちらのファイルは手を加えません

function getInfomation(){
  var deferred = $q.defer();
  // ここは非同期処理です
  $http.get(url).then(function onSuccess(res){
    deferred.resolve(res.data);
  },function onError(res){
    deferred.reject(res.data);
  });
  return deferred.promise;  
}

Comments

[maisumakun]

「$q」は何者でしょうか？

[tmp-user]

システムが大きいので記載忘れていましたがAngularJSを使っています。

Answer 1

asyncのスコープ内でawaitしなければ非同期です

Comments

[yambejp]

非同期：
(()=>{
new Promise(resolve=>setTimeout(()=>{console.log(1);resolve(1)},3000));
new Promise(resolve=>setTimeout(()=>{console.log(2);resolve(2)},2000));
new Promise(resolve=>setTimeout(()=>{console.log(3);resolve(3)},1000));
})();

[yambejp]

同期：
(async()=>{
console.log(await new Promise(resolve=>setTimeout(()=>{resolve(1)},3000)));
console.log(await new Promise(resolve=>setTimeout(()=>{resolve(2)},2000)));
console.log(await new Promise(resolve=>setTimeout(()=>{resolve(3)},1000)));
})();

[tmp-user]

ありがとうございます。さっそく明日試させていただきます。