Promiseは「非同期処理の結果を表すオブジェクト」です。処理が成功（fulfilled）か失敗（rejected）かの状態を持ち、結果を後から取得できます。

Promiseはpending（待機中）、fulfilled（成功）、rejected（失敗）の3つの状態を持ちます。一度settled（fulfilledまたはrejected）になると状態は変わりません。

Promiseはnew Promise((resolve, reject) => { })の形で作成します。resolveで成功、rejectで失敗を通知します。

then()はPromiseが成功（fulfilled）したときに実行するコールバック関数を登録します。また、新しいPromiseを返すのでチェーンできます。

Promise.resolve(42)は値42で即座に成功するPromiseを作成します。then()でその値を受け取り、42が表示されます。

catch()はPromiseが失敗（rejected）したときに実行するコールバック関数を登録します。エラーハンドリングに使います。

Promise.reject()は失敗するPromiseを作成します。catch()でエラーを捕捉し、「エラー捕捉」が表示されます。

finally()はPromiseの成功・失敗に関わらず必ず実行されるコールバックを登録します。クリーンアップ処理などに使います。

Promise.all()は複数のPromiseを並列実行し、すべてが成功したら結果の配列を返します。1つでも失敗すると即座に失敗します。

Promise.all()はすべてのPromiseの結果を配列として返します。結果は[1, 2, 3]です。

Promise.all()は1つでもPromiseが失敗すると、他の結果を待たずに即座に失敗（reject）します。

Promise.race()は複数のPromiseのうち、最初に完了した（成功または失敗した）Promiseの結果を返します。

Promise.allSettled()はすべてのPromiseが完了するまで待ち、各Promiseの成功/失敗の状態と値を含むオブジェクトの配列を返します。

Promiseチェーンはthen()を連続して繋げることで、非同期処理を順番に実行する方法です。前の処理の結果を次の処理に渡せます。

Promiseチェーンで値が変換されていきます。1 → 2（+1）→ 4（*2）で、結果は4です。

asyncを関数の前に付けると、その関数は必ずPromiseを返すようになります。awaitを使えるようになります。

awaitはPromiseの完了を待ち、その結果を取得します。async関数の中でのみ使用できます。

awaitでPromiseの結果10を取得し、2倍して返します。async関数の戻り値はPromiseにラップされるので、then()で20を受け取ります。

async/awaitではtry-catch文を使ってエラーをハンドリングします。awaitした処理が失敗するとcatchブロックに入ります。

awaitしたPromiseが失敗すると例外が投げられ、catchブロックに入ります。「B」が表示されます。

Promise.all()と組み合わせることで、複数の非同期処理を並列実行し、すべての完了を待てます。

Promise.all()で2つの1秒待つ処理を並列実行するので、合計で約1秒かかります（順次実行なら2秒）。

トップレベルawaitはモジュールの最上位（async関数の外）でawaitを使える機能です。ES2022で導入されました。

どちらも同じことができますが、async/awaitの方が同期的なコードのように書けて読みやすく、try-catchでエラーハンドリングできます。

クロージャは「関数とその関数が定義された時点のレキシカル環境（変数）への参照を保持する仕組み」です。外側の変数にアクセスし続けられます。

内部関数はクロージャによりcount変数への参照を保持します。呼び出すたびにcountが増加し、1, 2と表示されます。

クロージャはプライベート変数の実現、状態の保持、関数ファクトリの作成などに使われます。

createMultiplier(2)はfactorが2のクロージャを返します。double(5)は5 * 2 = 10を返します。

ループ内でクロージャを作ると、すべてのクロージャが同じ変数を参照してしまう問題があります。letを使うか即時関数で回避できます。

letはブロックスコープなので、各イテレーションで新しいiが作られます。0, 1, 2が表示されます。

varは関数スコープなので、ループ終了後のi（3）がすべてのクロージャで共有されます。3, 3, 3が表示されます。

プロトタイプは「オブジェクトが他のオブジェクトからプロパティやメソッドを継承する仕組み」です。JavaScriptの継承の基盤となっています。

__proto__はオブジェクトが持つプロトタイプへの参照、prototypeは関数（コンストラクタ）が持つ、インスタンスのプロトタイプになるオブジェクトです。

プロトタイプチェーンは、オブジェクトのプロパティを探すときにプロトタイプを辿っていく仕組みです。見つかるかnullに達するまで続きます。

obj自体にtoStringはありませんが、プロトタイプチェーンでObject.prototype.toStringが見つかり、[object Object]が返されます。

Object.create()は指定したオブジェクトをプロトタイプとする新しいオブジェクトを作成します。

Object.getPrototypeOf()はオブジェクトのプロトタイプ（内部の[[Prototype]]）を返します。

hasOwnProperty()はプロパティがオブジェクト自身のものか（プロトタイプチェーンではなく）を判定します。

イベントループは「コールスタック、タスクキュー、マイクロタスクキューを監視し、非同期処理を管理するJavaScriptのランタイムの仕組み」です。

コールスタックは「現在実行中の関数を追跡するスタック構造のデータ」です。関数が呼ばれるとプッシュ、終了するとポップされます。

マイクロタスク（Promise等）はマクロタスク（setTimeout等）より優先度が高く、コールスタックが空になると即座に実行されます。

同期処理（1, 4）→マイクロタスク（3）→マクロタスク（2）の順で実行されます。

PromiseのthenとqueueMicrotaskは両方マイクロタスクなので1, 2の順で実行され、その後マクロタスクの3が実行されます。

JavaScriptはブラウザのDOM操作を安全に行うためシングルスレッドで設計されています。複数スレッドだとDOMの競合が起きる可能性があります。

requestAnimationFrame()は次の画面描画の直前に実行されます。アニメーションに適した約60fps（約16ms間隔）で呼ばれます。

Fetch APIは「HTTP通信を行うためのモダンなJavaScript API」です。Promiseベースで、XMLHttpRequestの代替として使われます。

fetch()はResponseオブジェクトで解決するPromiseを返します。レスポンスボディは別途メソッドで取得する必要があります。

Responseオブジェクトのjson()メソッドを呼び出すと、ボディをJSONとしてパースしたPromiseが返されます。

/api/dataにGETリクエストを送り、レスポンスをJSONとしてパースして、その結果をコンソールに表示します。

第2引数のオプションオブジェクトでmethod: 'POST'を指定し、bodyにデータを設定します。

ネットワークエラー（接続不可など）の場合、Promiseがrejectされます。HTTPエラー（404, 500など）はrejectされず、response.okで確認します。

response.okはHTTPステータスコードが200-299の範囲（成功）かどうかを表す真偽値です。

純粋関数は「同じ入力に対して常に同じ出力を返し、副作用を持たない関数」です。予測可能でテストしやすいです。

高階関数は「関数を引数として受け取るか、関数を戻り値として返す関数」です。map、filter、reduceなどが該当します。

カリー化は「複数の引数を取る関数を、1つの引数を取る関数の連鎖に変換する」テクニックです。部分適用が可能になります。

カリー化された関数を順番に呼び出します。1 + 2 + 3 = 6が表示されます。

関数合成は「複数の関数を組み合わせて新しい関数を作る」テクニックです。f(g(x))のように関数を連鎖させます。

flatMap()はmap()の後にflat(1)を適用した結果を返します。各要素を配列に変換してフラット化するのに便利です。

各要素を[x, x * 2]に変換し、フラット化します。結果は[1, 2, 2, 4, 3, 6]です。

正規表現は「文字列のパターンを表現するための記法」です。検索、置換、バリデーションなどに使われます。

正規表現はリテラル記法（/pattern/）またはコンストラクタ（new RegExp("pattern")）で作成できます。

g（global）フラグは「すべてのマッチを検索する」ことを意味します。なしだと最初のマッチで止まります。

i（ignore case）フラグは「大文字小文字を区別しない」ことを意味します。

[0-9]+は1つ以上の数字にマッチします。gフラグですべてのマッチを配列で返します。結果は["123", "456"]です。

test()はパターンにマッチするかどうかを真偽値（true/false）で返します。

/\S+@\S+\.\S+/は「空白以外の文字列 + @ + 空白以外の文字列 + . + 空白以外の文字列」にマッチする簡易パターンです。

正規表現を使うと、パターンにマッチする部分を柔軟に置換でき、gフラグですべてのマッチを一度に置換できます。

Symbolは「ユニーク（一意）で不変のプリミティブ値」です。主にオブジェクトのプロパティキーとして使い、名前の衝突を防ぎます。

Symbolは毎回ユニークな値を作成します。同じ説明文字列でも、異なるSymbolになるためfalseです。

Mapは「キーと値のペアを保持するコレクション」です。オブジェクトと違い、キーに任意の型（オブジェクトも）を使え、挿入順が保持されます。

Mapはキーに任意の型を使え、サイズをsizeで取得でき、挿入順が保持されます。Objectのキーは文字列かSymbolのみです。

Mapはオブジェクトをキーとして使えます。setで設定した値をgetで取得でき、「value」が表示されます。

Setは「重複しない値のコレクション」です。同じ値は1つしか保持されず、挿入順が保持されます。

Setは重複を許さないので、[1, 2, 3]の3つの要素だけが保持されます。sizeは3です。

WeakMapは「キーがオブジェクトのみで、弱い参照を持つMap」です。キーのオブジェクトが他から参照されなくなるとガベージコレクトされます。

WeakMapはキーがオブジェクトのみ、弱い参照を持ち、列挙不可で、sizeプロパティがありません。メモリリーク防止に有用です。

WeakSetは「オブジェクトのみを値として持ち、弱い参照を持つSet」です。オブジェクトが他から参照されなくなるとガベージコレクトされます。

ジェネレーターは「実行を一時停止・再開できる特殊な関数」です。function*で定義し、yieldで値を生成します。

ジェネレーター関数はfunction*（functionとアスタリスク）で定義します。

ジェネレーターはnext()を呼ぶたびに次のyieldまで実行します。1回目は1、2回目は2が返されます。

イテレーターは「next()メソッドを持ち、{value, done}オブジェクトを返すオブジェクト」です。コレクションを順番に処理できます。

Symbol.iteratorはオブジェクトをイテラブル（for...ofで使用可能）にするためのメソッドを定義するキーです。

Proxyは「オブジェクトへの操作を傍受してカスタマイズできるラッパー」です。プロパティアクセス、代入、関数呼び出しなどをフックできます。

Proxyのgetトラップで、存在しないプロパティにアクセスすると「存在しない」を返すようにしています。

トラップはProxyが傍受できる操作（get、set、deletePropertyなど）を処理するためのメソッドです。

Reflectは「オブジェクトの操作をメソッドとして提供する組み込みオブジェクト」です。Proxyのトラップと対応するメソッドを持ちます。

Reflect.get()はオブジェクトからプロパティを取得します。obj[prop]と同様ですが、関数として呼び出せます。

モジュールパターンは「クロージャを使ってプライベートな状態を隠蔽し、公開APIのみを返す」デザインパターンです。

即時関数とクロージャを使ってcountを隠蔽し、公開メソッドのみを返すモジュールパターンです。

シングルトンパターンは「クラスのインスタンスが1つだけ存在することを保証する」デザインパターンです。

getInstance()で常に同じインスタンスを返すシングルトンパターンです。

オブザーバーパターンは「あるオブジェクトの状態変化を、依存するオブジェクトに自動的に通知する」デザインパターンです。

オブザーバーパターンはイベント処理、状態管理、MVC/MVVMアーキテクチャなどで広く使われます。

ファクトリパターンは「オブジェクトの作成を専門のメソッドに委譲する」デザインパターンです。作成ロジックを隠蔽できます。