コールバックすべての非同期操作

Question

が完了した後、私はそうのような非同期動作の連鎖でアップロード取得画像の配列を有します。

私は何らかの処置をとることができるように、すべての操作がいつ完了したかを知りたいと思います。

これはどのように達成できますか？

Answer 1

これを試してください：あなたはそれが動作を示しコンソールに貼り付けることができ

let totalImagesLeft = Object.keys(imageFileObject).length; 

for (var key in imageFileObject) { 
    const imageFile = imageFileObject[key] 
    dispatch('get_signed_request', imageFile).then((res)=>{ 
    totalImagesLeft --; 
    if(totalImagesLeft === 0){ 
     // done 
    } 
    }); 
} 

例：

var async =() => { 
    return new Promise((resolve,reject)=>{ 
      setTimeout(()=>{ console.log("done"); resolve() },1000); 
    }); 
} 

let test = [async,async,async]; 


let totalImagesLeft = test.length; 

for (let t of test) { 
    t().then((res)=>{ 
    totalImagesLeft --; 
    if(totalImagesLeft === 0){ 
     console.log("finished"); 
    } 
    }); 
} 

Answer 2

imageFileArrayが配列され、かつdispatchは約束を返す場合、単に実行します。

Promise.all(imageFileArray.map(file => dispatch('get_signed_request', file))) 
    .then(results => console.log("finished")); 

Answer 3

Promisse.allでは、iterable引数の約束がすべて解決されたときに解決する約束を返します。または、拒否する約束を最初に渡した理由で拒否します。

Mozillaのマニュアルhere。複数の非同期操作で待機しているために

Promise 
    .all(fileArray.map(file => dispatch('get_signed_request', file))) 
    .then(data => console.log("All your async operations are finished"));