JavaScriptイベントループ、あなたはどこまで知ってる？脱初心者クイズ！ - プレイ中

1 第1問

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

A JavaScriptコードのコンパイル

B コールスタックとタスクキューを監視し、タスクキューからコールスタックへタスクを移動させる

C DOMの操作

D HTTPリクエストの送信

2 第2問

タスクキューに非同期処理の結果（例えばsetTimeoutのコールバック関数）が追加されるのはいつですか？

A 非同期処理が開始された直後

B 非同期処理が完了した後

C イベントループが開始された直後

D コールスタックが空になる前

3 第3問

コールスタックが空であるとは、どのような状態を指しますか？

A JavaScriptプログラムが終了した状態

B 実行中のJavaScript関数がない状態

C タスクキューにタスクが存在しない状態

D DOMが完全にロードされた状態

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問

Microtask queue（マイクロタスクキュー）は、通常のTask queue（タスクキュー）と比べて、どのような優先順位で処理されますか？

A マイクロタスクキューはタスクキューよりも優先順位が低い

B マイクロタスクキューはタスクキューよりも優先順位が高い

C マイクロタスクキューとタスクキューは同じ優先順位で処理される

D マイクロタスクキューは特定の条件下でのみ優先順位が高くなる

6 第6問

Promiseの`.then()`または`.catch()`で登録されたコールバック関数は、イベントループのどのキューに追加されますか？

A タスクキュー

B マイクロタスクキュー

C レンダリングキュー

D コールスタック

7 第7問

`requestAnimationFrame`は、イベントループにおいてどのようなタイミングで実行されるコールバック関数を登録しますか？

A 次のJavaScriptの実行直前

B 次の画面リフレッシュの直前

C タスクキューが空になった直後

D マイクロタスクキューが空になった直後

8 第8問

イベントループがブロックされると、どのような問題が発生する可能性がありますか？

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

B UIの応答が遅延したり、フリーズしたりする

C メモリリークが発生する

D HTTPリクエストが自動的にキャンセルされる

9 第9問

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

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

B Web Workerは独自のイベントループを持ち、メインスレッドとは独立して動作する

C Web Workerはメインスレッドのイベントループを停止させる

D Web Workerはメインスレッドのイベントループの速度を上げる

10 第10問

次のコードを実行した場合、コンソールに表示される順番として正しいものはどれですか？ Promise.resolve('A').then(value => console.log(value)); console.log('B');

A A, B

B B, A

C どちらの順番で表示されるかは不定である

D 何も表示されない