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

オブジェクト リテラルの別の見方: {a, b, c} の謎を掘り下げる

JavaScript の最近の開発では、謎めいたオブジェクト リテラル プロパティ値の省略構文。特に興味深い構造 {a, b、c}。このスニペットは、おなじみの var g = {a: g, b: b, c: c} パターンからの興味深い脱却を示しています。

構造の検査

解明するには{a, b, c} の性質については、指定された JavaScript コードを参照してみましょうスニペット:

var a = 1, b = 'x', c = true;

var d = {a: a, b: b, c: c}; // Object literal
var e = [a, b, c]; // Array
var f = {a, b, c}; // Object literal property value shorthand

興味深いことに、alert() を使用して値を検査すると、3 つの変数宣言はすべて同じ出力を生成します:

alert(d.a  + ', ' + d.b +  ', ' + d.c ); // Output: 1, x, true
alert(e[0] + ', ' + e[1] + ', ' + e[2]); // Output: 1, x, true
alert(f.a  + ', ' + f.b +  ', ' + f.c ); // Output: 1, x, true

謎の解明

ECMAScript 2015 で導入された {a, b, c} 構文はvar f = {a: a, b: b, c: c} の簡潔な省略表現。この短縮表記法 (プロパティ値短縮表記とも呼ばれます) を使用すると、開発者はオブジェクト リテラル定義を合理化できます。

さらに、従来のプロパティ初期化構文とのシームレスな統合が可能になります。

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

たとえば、プロパティ a は値 1 で明示的に初期化されますが、b と c は短縮表現を使用します。

概念の詳細については、オブジェクト初期化子のプロパティ定義に関するドキュメントを参照してください。

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