Maison >interface Web >js tutoriel >Quel est le mystère derrière `{a, b, c}` dans les littéraux d'objet JavaScript ?

Quel est le mystère derrière `{a, b, c}` dans les littéraux d'objet JavaScript ?

DDD
DDDoriginal
2024-12-09 16:04:15295parcourir

What's the Mystery Behind `{a, b, c}` in JavaScript Object Literals?

Percer le mystère de {a, b, c} dans les littéraux d'objet JavaScript

Dans le domaine de JavaScript, les littéraux d'objet occupent une place importante lieu. Alors que la syntaxe conventionnelle de création d'objets, telle que {a: a, b: b, c: c}, est bien connue, l'introduction d'ES6 a donné naissance à une construction particulière : {a, b, c}. Quelle est exactement cette notation énigmatique ?

Pour en comprendre la nature, embarquons dans un voyage dans le code que vous avez fourni. Considérez la ligne suivante :

var f = {a, b, c};

Quel type de structure de données est f ? Est-ce un simple raccourci pour le littéral objet verbeux que nous connaissons si bien ?

La réponse réside dans les annales d'ECMAScript 2015, où cette construction a émergé sous le nom de Property Value Shorthands. Cette syntaxe abrégée, également connue sous le nom de raccourci de valeur de propriété, a le même effet que le littéral d'objet conventionnel :

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

Elle vous permet de simplifier la création de littéraux d'objet lorsque les clés de propriété correspondent aux noms de variables, rationalisant ainsi votre code. .

De plus, vous pouvez combiner la notation abrégée avec l'initialisation classique comme indiqué ici :

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

Pour une compréhension globale des définitions de propriété dans les initialiseurs d'objet, plongez dans les profondeurs de la documentation Définitions de propriété dans l'initialiseur d'objet.

Essentiellement, {a, b, c} est une manière concise de définir un littéral d'objet où correspondent les clés de propriété aux noms de variables, ce qui vous évite d'avoir à spécifier explicitement chaque propriété.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn