Maison > interface Web > js tutoriel > le corps du texte

Les littéraux des modèles ES6 peuvent-ils être vraiment réutilisables ?

Barbara Streisand
Libérer: 2024-11-01 17:41:02
original
667 Les gens l'ont consulté

Can ES6 Template Literals be Truly Reusable?

L'énigme de la réutilisabilité dans les littéraux de modèles ES6

La principale préoccupation soulevée dans cette discussion tourne autour du manque présumé de réutilisabilité dans les littéraux de modèles ES6. Les démonstrations conventionnelles mettent l'accent sur les substitutions au moment de la déclaration, interdisant les modifications à l'exécution.

Solution : tirer parti du constructeur de fonction

Pour résoudre ce problème, une solution viable émerge sous la forme du Constructeur de fonctions. Cette approche consiste à convertir la chaîne de modèle en fonction.

Considérez l'extrait suivant :

<code class="js">const templateString = `Hello ${this.name}!`;
const templateVars = {
    name: "world"    
};

const fillTemplate = function(templateString, templateVars){
    return new Function("return `" + templateString + "`;").call(templateVars);
};

console.log(fillTemplate(templateString, templateVars));</code>
Copier après la connexion

En appelant cette fonction, vous pouvez générer la chaîne souhaitée tout en possédant la flexibilité de modifier les variables à runtime.

Avantages de cette approche :

  • Permet la substitution à l'exécution des valeurs de modèle
  • Facilite l'interpolation à partir de sources externes, telles que des fichiers
  • 🎜>
  • Permet la manipulation dynamique des chaînes

Inconvénients potentiels :

  • Les balises de modèle peuvent nécessiter des efforts de mise en œuvre supplémentaires
  • La logique JavaScript en ligne dans les modèles n'est pas prise en charge en raison d'une interpolation tardive
  • Surcharge de mémoire associée à la création de fonctions pour chaque utilisation de modèle

En résumé, alors que les littéraux des modèles ES6 manquent intrinsèquement d'une véritable réutilisabilité, employant le constructeur Function propose une solution de contournement qui émule le comportement souhaité de création et de modification de modèles au moment de l'exécution.

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