Quel est le mystère derrière le raccourci littéral d'objet `{a, b, c}` de JavaScript ?

Un regard alternatif sur les littéraux d'objet : plonger dans l'énigme de {a, b, c}

Les développements récents de JavaScript ont introduit le syntaxe abrégée de valeur de propriété littérale d'objet énigmatique, particulièrement illustrée par la structure intrigante {a, b, c}. Cet extrait présente un changement intrigant par rapport au modèle familier var g = {a: g, b: b, c: c}.

Examen de la construction

Pour élucider la nature de {a, b, c}, référons-nous au code JavaScript donné extrait :

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

Fait intéressant, les trois déclarations de variables donnent un résultat identique lorsque leurs valeurs sont inspectées à l'aide de alert() :

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

Dévoilement du mystère

Introduite avec ECMAScript 2015, la syntaxe {a, b, c} est un raccourci concis pour var f = {a : a, b : b, c : c}. Cette notation abrégée, également appelée raccourci de valeur de propriété, permet aux développeurs de rationaliser les définitions littérales d'objet.

De plus, elle permet une intégration transparente avec la syntaxe d'initialisation de propriété traditionnelle :

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

Dans ce Par exemple, la propriété a est initialisée explicitement avec la valeur 1, tandis que b et c utilisent la notation abrégée.

Pour une analyse plus approfondie du concept, reportez-vous à la documentation sur les définitions de propriétés dans l'initialiseur d'objet.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!