JavaScriptイベントループ理解度Check！君はJSマスター？ - プレイ中

1 第1問

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

A JavaScriptコードのコンパイル

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

C DOMの操作

D HTTPリクエストの送信

2 第2問

JavaScriptのイベントループにおいて、コールスタックとは何ですか？

A 非同期処理の結果を一時的に保存する場所

B 実行される関数呼び出しを追跡するデータ構造

C イベントリスナーを登録する場所

D DOM要素を格納する場所

3 第3問

JavaScriptのイベントループにおいて、タスクキュー（またはメッセージキュー）とは何ですか？

A 実行中の関数を一時停止する場所

B 実行を待機している非同期タスクのリスト

C コールスタックのバックアップ

D 変数を格納する場所

4 第4問

setTimeout(callback, 0) を実行した場合、callback関数はいつ実行されますか？

A 即座に実行される

B コールスタックが空になった後、タスクキューに追加され、イベントループによって実行される

C 指定された時間が経過するまで実行されない

D エラーが発生する

5 第5問

JavaScriptでPromiseが解決または拒否された後、その結果を処理する`.then()`または`.catch()`は、イベントループのどの段階で実行されますか？

A 即座に実行される

B マイクロタスクキューに追加され、現在のタスクの完了後、イベントループによって実行される

C タスクキューに追加され、イベントループによって実行される

D 実行されない

6 第6問

次のコードを実行した場合、コンソールに表示される順番はどうなりますか？ 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 A, C, D, B

7 第7問

requestAnimationFrameは、イベントループのどの段階で実行されますか？

A タスクキューの最初

B レンダリングの直前

C マイクロタスクキューの最後

D コールスタックが空になった直後

8 第8問

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

A Web Workerはイベントループをブロックする

B Web Workerは独自のイベントループを持つため、メインスレッドのイベントループをブロックしない

C Web Workerはイベントループを高速化する

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

9 第9問

次のJavaScriptコードを実行した場合、コンソールに最初に出力される値は何ですか？ ```javascript setTimeout(() => console.log('Timeout'), 0); Promise.resolve('Promise').then(value => console.log(value)); console.log('Sync'); ```

A 'Timeout'

B 'Sync'

C 'Promise'

D 順番は実行環境によって異なる