質問内容
提示コードですがawait Promise.all();
の行以降のコードが実行されないのですがこれなぜでしょうか?
調べたこと
1,コメント部//let t = new Date().getTime() - time.getTime();
でエラーが起きている可能性を考えコメントアウト
2,let pros = []
をlet pros = new Array()
に変更して実験
3,await Promise.all();
以外の可能性を考えこれをコメントアウト
4,then()
の処理にconsole.log()
を追加して検証
5,pros.push()
を一個にして実験しましたが同じ場所で処理が進みません
参考サイト
(全件一括(allAtOnce)部): https://qiita.com/tonio0720/items/6f9319e4cce53256b4c9
公式リファレンス: https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Promise
実現したいこと
非同期でfetchを用いたファイルロードを行い同期との場合で処理速度の違いを確かめる処理を作成中で
とりえず非同期を作成中
環境
OS: windows10
言語: typescript
コンソール
Main.js:45 配列に格納完了
Main.js:46 1 test
Main.js:47 2 test
Main.js:48 3 test
Main.js:49 4 test
//let pros = [];
let pros = new Array();
const textPath = new URL("./sample.txt", import.meta.url);
async function Async_Fun()
{
pros.push( new Promise(() => { fetch(textPath).then( (response) => response.text() ).then( (data) => console.log("1 " + data)); } ));
pros.push( new Promise(() => { fetch(textPath).then( (response) => response.text() ).then( (data) => console.log("2 " + data)); } ));
pros.push( new Promise(() => { fetch(textPath).then( (response) => response.text() ).then( (data) => console.log("3 " + data)); } ));
pros.push( new Promise(() => { fetch(textPath).then( (response) => response.text() ).then( (data) => console.log("4 " + data)); } ));
console.log("配列に格納完了");
let time = new Date();
await Promise.all(pros);
//let t = new Date().getTime() - time.getTime();
//console.log("time: " + t);
console.log("time: ");
}
Async_Fun();