1. 導入：なぜ[[Get]]を知る必要があるのか？
JavaScriptでオブジェクトのプロパティにアクセスする際、私たちは普段「ドット記法（obj.prop）」や「ブラケット記法（obj[‘prop’]）」を使います。しかし、その裏側で何が起きているか意識したことはありますか？[[Get]]は、JavaScriptエンジンがプロパティ値を検索する際の「内部的な仕組み」です。この仕組みを理解すると、存在しないプロパティにアクセスした時に「なぜundefinedが返るのか」といった挙動の根拠が明確になり、デバッグ能力が一段階アップします。
2. 基礎知識：[[Get]]の仕組み
JavaScriptのオブジェクトは、内部的に「内部スロット」という特別なプロパティを持っています。[[Get]]は、そのプロパティを取得するための内部メソッドです。
プロパティにアクセスした際、JavaScriptエンジンは以下の手順で値を探します。
1. オブジェクト自身のプロパティに名前があるか確認する。
2. あればその値を返す。
3. なければ「プロトタイプチェーン」を遡り、親オブジェクトを順に探す。
4. 最終的にどこにも見つからなければ「undefined」を返す。
この一連の流れを自動的に実行してくれるのが[[Get]]の役割です。
3. 実装と解決策：[[Get]]を意識したデータ取得
[[Get]]の挙動を理解すると、安全なコーディングが可能になります。特に、階層の深いオブジェクトから値を取得する場合、途中のプロパティが存在しないとエラーになります。これを防ぐために、最近のJavaScriptでは「オプショナルチェーン（?.）」という構文が使われます。これは[[Get]]の検索プロセスを安全に中断する仕組みと言えます。
4. サンプルプログラム
以下のコードで、通常のアクセスとオプショナルチェーンの挙動を比較してみましょう。
// サンプルオブジェクト
const user = {
name: “田中”,
profile: {
age: 25
}
};
// 1. 通常のアクセス：存在するプロパティ
console.log(user.name); // 内部的に[[Get]]が呼ばれ「田中」を返す
// 2. 存在しないプロパティへのアクセス
console.log(user.address); // 内部的に検索し見つからないため「undefined」を返す
// 3. 階層の深いアクセス（エラーを防ぐ書き方）
// ユーザーにaddressがない場合、通常のアクセスだとエラーになる可能性があるが
// オプショナルチェーンを使うと安全にundefinedが返る
console.log(user.address?.city); // undefinedが返る（エラーにならない）
5. 応用・注意点：現場での落とし穴
開発現場で注意すべき点は「プロパティの値が意図的にundefinedである場合」です。
[[Get]]は「プロパティが存在しない時」だけでなく「値としてundefinedが代入されている時」もundefinedを返します。そのため、値の有無を判定する際は、単にif文でチェックするのではなく、Object.hasOwn()やin演算子を使って「そのキー自体が存在するか」を確認するのが、プロのフロントエンドエンジニアの作法です。
また、Proxyオブジェクトを使用すると、この[[Get]]の動作を「フック（上書き）」して、動的に値を生成したり、アクセスログを出力したりすることも可能です。基礎をマスターしたら、ぜひProxyにも挑戦してみてください。