Maison > interface Web > js tutoriel > Comment conserver le nom d'objet d'origine lors de l'utilisation de paramètres de fonction déstructurés dans ES6 ?

Comment conserver le nom d'objet d'origine lors de l'utilisation de paramètres de fonction déstructurés dans ES6 ?

Linda Hamilton
Libérer: 2024-11-03 10:30:03
original
1057 Les gens l'ont consulté

How to Preserve the Original Object Name When Using Destructured Function Parameters in ES6?

Conservation du nom de l'objet racine dans les paramètres de fonction déstructurée ES6

Dans ES6, les paramètres de fonction de déstructuration permettent une extraction concise des propriétés d'objet individuelles. Cependant, cela pose la question de savoir comment conserver le nom de l'objet racine lorsque seules certaines propriétés sont déstructurées.

Passer l'objet racine dans ES5

Dans ES5, les objets peuvent être passés par référence en utilisant la métaphore de l'héritage. Par exemple, une fonction « setupParentClass5 » prend un objet « options » et l'utilise pour configurer un « textEditor ». Une fonction "setupChildClass5" hérite de ces options en appelant "setupParentClass5(options)."

Défis liés à la déstructuration ES6

Dans ES6, en utilisant des paramètres déstructurés comme "const {rows , columns}" dans "setupParentClass6" extrait uniquement les propriétés spécifiques répertoriées. Cela peut laisser l'objet racine « options » inaccessible dans « setupChildClass6 ».

Solution utilisant un argument supplémentaire

Une solution consiste à ajouter un argument supplémentaire, comme indiqué dans :

const setupChildClass6 = options => {
    const {minVal, maxVal} = options;
    rangeSlider.setup(minVal, maxVal);
    setupParentClass6(options); 
};
Copier après la connexion

Cette approche permet à "setupChildClass6" d'accéder à l'objet "options" complet, y compris les propriétés déstructurées et non déstructurées.

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal