JavaScript オブジェクト リテラルの「{a, b, c}」の背後にある謎は何ですか?

JavaScript オブジェクト リテラルの {a, b, c} の謎を解明する

JavaScript の領域では、オブジェクト リテラルは重要な役割を果たします。場所。 {a: a, b: b, c: c} などのオブジェクトを作成するための従来の構文はよく知られていますが、ES6 の導入により、{a, b, c} という独特の構文が導入されました。この謎めいた表記法は一体何ですか?

その性質を解明するために、あなたが提供したコードへの旅に出かけましょう。次の行を考えてみましょう:

var f = {a, b, c};

f はどのようなデータ構造ですか?これは、私たちがよく知っている冗長なオブジェクト リテラルの単なる省略表現なのでしょうか?

答えは ECMAScript 2015 の年代記にあり、この構造は プロパティ値の省略表現 として登場しました。この短縮構文はプロパティ値短縮とも呼ばれ、従来のオブジェクト リテラルと同じ効果があります。

var f = {a: a, b: b, c: c};

これにより、プロパティ キーが変数名と一致する場合にオブジェクト リテラルの作成を簡素化し、コードを合理化できます。 .

さらに、ご覧のように、短縮記法と古典的な初期化を組み合わせることができます。ここ:

var f = {a: 1, b, c};

オブジェクト初期化子のプロパティ定義を包括的に理解するには、オブジェクト初期化子のドキュメントのプロパティ定義を詳しく調べてください。

本質的には、{a, b, c } は、プロパティ キーが変数名に対応するオブジェクト リテラルを定義する簡潔な方法であり、各プロパティを明示的に指定する手間を省きます。

以上がJavaScript オブジェクト リテラルの「{a, b, c}」の背後にある謎は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。