読者さん、

JavaScriptの面接コーディングの質問について解説していきます。 JavaScript コンパイラの仕組みと、実際に出力として生成されるもの。
出力の各部分を分解し、なぜこのように表示されるのかを説明し、それを責任のあるコードの特定の行に戻します

let a = {};
let b = { key: 'b' };
let c = { key: 'c' };

a[b] = 123;
a[c] = 456;

console.log(a[b])

詳細に入る前に、このコード スニペットを見てみましょう。現在の理解に基づいて出力がどのようになるかを推測してください。このアプローチは、JavaScript のスキルを強化するだけでなく、その後の説明をより有意義なものにします
「JavaScript が各行をどのように処理するかを考えてください。推測ができたら、読み続けて、それが正しいかどうかを確認してください。」

上記のコードの説明

1. 1号線用

let a = {};

上記のコードでは、空のオブジェクトを作成し、変数 'a' に代入します。

1. 2号線用

let b = { key: 'b' };

この行は、単一のプロパティ キーと値 'b' を持つオブジェクトを作成し、それを変数 'b' に割り当てます。

1. 3号線用

let c = { key: 'c' };

この行は、単一のプロパティ キーと値 'c' を持つオブジェクトを作成し、それを変数 'c​​' に割り当てます。

1. 4号線用

a[b] = 123;

a[b] = 123 この行は、オブジェクト b をキーとして使用して、オブジェクト a のプロパティを設定します。 JavaScript では、オブジェクトが別のオブジェクトのキーとして使用される場合、そのオブジェクトはまず toString() メソッドを使用して文字列に変換されます。この場合、オブジェクト b の文字列表現は "[object Object]" です。したがって、オブジェクト a のプロパティ "[object Object]" は、値 123 に設定されます。

1. 5号線用

a[c] = 456;

前のステップと同様に、"c" もオブジェクトであり、文字列に変換されると、""[object Object]"".

したがって、行 a[c] = 456; は "a[object Object]"=456 と同等であり、オブジェクトには "[object] があることを意味します。 Object]" プロパティとその値は 456.

1. 6号線用

console.log(a[b])

出力は 456 です。プロパティ "a[b]" にアクセスしようとすると、JavaScript は b を文字列 ("[object Object]") に再度変換します。 object にはキー "[object Object]" のプロパティがあり、その値は 456 です。したがって、出力が印刷されます。

結論

要約すると、このコードは、オブジェクトが別のオブジェクトのキーとして使用される場合、そのオブジェクトが最初に文字列表現 (デフォルトでは「[object Object]」) に変換されることを示しています。これは、オブジェクト b と c が同じキーとして扱われ、そのキーに割り当てられた最後の値が取得される値であることを意味します。

ミッション完了: コードの解明!

この説明でコードが明確になっただけでなく、さらに詳しく調べたいという好奇心が湧いてくれれば幸いです。 JavaScript には驚きと強力なツールがたくさんあり、学習するたびに習得に近づきます。
読んでいただきありがとうございます。この内訳を楽しんでいただければ幸いです。コメントでご意見、ご質問、将来のトピックに関するアイデアをお気軽に共有してください。

コーディングを楽しんでください!