Les modèles de gabarit, aussi appelés littéraux de gabarit, sont une nouvelle fonctionnalité en ES6 (ou ECMAScript 2015), qui permet une création plus facile et plus lisible des chaînes de caractères. Ils utilisent les backticks `
, au lieu des guillemets simples '
ou doubles "
habituels.
Curieusement, en ES6, il est tout à fait possible d'utiliser un littéral de gabarit à l'intérieur d'un autre littéral de gabarit. Cela est appelé le traitement des gabarits imbriqués. Cela n'entraîne ni une erreur de syntaxe, ni l'ignorance du littéral de gabarit intérieur, ni une conversion automatique en chaîne. Au contraire, cela permet une superposition de modèles de gabarit, donnant une grande flexibilité et puissance à cette fonctionnalité de l'ES6.
Par exemple, supposons que nous ayons les variables a, b et c, et que nous voulions créer une chaîne de caractères à partir de ces variables à l'aide de modèles de gabarit imbriqués. Nous pourrions faire ceci :
let a = 'Bonjour';
let b = 'monde';
let c = `dit ${a}`;
let result = `${c}, ${b}!`;
console.log(result); // "dit Bonjour, monde!"
Dans cet exemple, ${c}
est un littéral de gabarit à l'intérieur d'un autre littéral de gabarit, ce qui démontre le traitement des gabarits imbriqués en ES6.
Une bonne pratique pour travailler avec des gabarits imbriqués est de garder le niveau d'imbrication assez bas pour éviter la confusion. Un autre conseil est d'utiliser cette fonctionnalité lorsqu'elle améliore la lisibilité du code.
En conclusion, l'utilisation des gabarits imbriqués en ES6 est un outil puissant et flexible pour manipuler les chaînes de caractères. Il permet une plus grande expressivité dans le code, à condition qu'il soit utilisé judicieusement pour maintenir la clarté du code.