JS上級者への道！イベントループ理解度診断クイズ🚀 - プレイ中

1 第1問

JavaScriptのイベントループの主な役割は何ですか？

A JavaScriptコードのコンパイル

B コールスタックとタスクキューの間でタスクを移動させる

C DOMのレンダリング

D HTTPリクエストの送信

2 第2問

JavaScriptのイベントループは、どのデータ構造を使用して非同期タスクを管理しますか？

A スタック

B キュー

C ツリー

D グラフ

3 第3問

setTimeout関数で指定された遅延時間は、何を表していますか？

A コールバック関数が実行される正確な時間

B コールバック関数がタスクキューに追加されるまでの最小時間

C コールバック関数がコールスタックにプッシュされるまでの最大時間

D コールバック関数がガベージコレクションされるまでの時間

4 第4問

次のコードの実行順序はどうなりますか？ console.log('A'); setTimeout(() => console.log('B'), 0); console.log('C');

A A, B, C

B A, C, B

C B, A, C

D B, C, A

5 第5問

Promiseの`.then()`メソッドで登録されたコールバックは、イベントループのどの段階で実行されますか？

A タスクキュー

B マイクロタスクキュー

C コールスタック

D レンダリングキュー

6 第6問

requestAnimationFrameは、主に何のために使用されますか？

A CPU負荷の高い計算処理

B アニメーションや視覚的な更新

C ネットワークリクエストの送信

D ファイルの読み書き

7 第7問

次のコードの実行結果は何ですか？ Promise.resolve(1).then(value => console.log(value)); console.log(2);

A 1, 2

B 2, 1

C エラーが発生する

D 何も出力されない

8 第8問

イベントループがブロックされると、何が起こりますか？

A JavaScriptコードの実行速度が向上する

B UIの応答性が悪化する

C エラーが発生してプログラムが停止する

D イベントループはブロックされない

9 第9問

Web Workerは、イベントループとどのように関係していますか？

A Web Workerはメインスレッドのイベントループを直接操作する

B Web Workerは独自のイベントループを持つ

C Web Workerはイベントループを使用しない

D Web Workerはイベントループの優先度を上げる

10 第10問

次のJavaScriptコードを実行したとき、コンソールに表示される出力の順番として正しいものはどれですか？ ```javascript console.log('A'); setTimeout(() => console.log('B'), 0); Promise.resolve().then(() => console.log('C')); console.log('D'); ```

A A -> B -> C -> D

B A -> D -> C -> B

C A -> D -> B -> C

D B -> C -> A -> D