Q&A
前提・実現したいこと
JavaScriptファイルから別のJavaScriptファイルを読み込んだ際に、JavaScriptの実行順番を制御したいです。
具体的には後述のコードで、console.logで表示される順番を「A→B→C」としたいです。
現状は「A→C→B」の順で表示されています。
該当のソースコード
html
1<html> 2<head> 3 <meta charset="UTF-8"> 4 <script src="./main.js"></script> 5</head> 6<body> 7</body> 8</html>
main.js
JavaScript
1var a = "A"; 2var b = "B"; 3var c = "C"; 4 5console.log(a); 6import("./sub.js"); 7console.log(c);
sub.js
JavaScript
1console.log(b);
実行結果（ブラウザConsole）
A main.js:5 C main.js:7 B sub.js:1
背景や補足など
ブラウザ：Chrome
サーバー：MAMP内蔵のもの（サーバーを立てないとimportが出来ないため使用しています）
main.jsからsub.jsを読み込む事はマストとしたいです。
（実際にはswitch文を使って複数パターンあるsub.jsの内から1つのみを読み込みたいため）
sub.jsの読み込み方法はimport()にこだわっていません。
console.log(c); が実行される前に、console.log(b); が実行されることを望んでします。
こうしたJavaScriptの処理順番を制御する方法があるのか、ご存知の方がいらっしゃいましたらご教授よろしくお願いします。
回答1件
0
ベストアンサー
javascript
1var a = "A"; 2var b = "B"; 3var c = "C"; 4 5(async()=>{ 6console.log(a); 7await import("./sub.js"); 8console.log(c); 9})()
投稿2021/05/12 02:12
総合スコア116724
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/05/12 02:32