Les template literals utilisent des backticks (`) et ajoutent deux choses que les guillemets ordinaires n'ont pas : l'interpolation d'expressions et les chaînes multi-lignes.
js
name = ;
count = ;
msg = ;
total = ;
html = ;
Les template literals utilisent des backticks (`) et ajoutent deux choses que les guillemets ordinaires n'ont pas : l'interpolation d'expressions et les chaînes multi-lignes.
name = ;
count = ;
msg = ;
total = ;
html = ;
Avant les template literals, vous écriviez "Hi " + name + ", " + count + ... — verbeux et sujet aux erreurs. L'interpolation se lit beaucoup mieux.
Une fonction placée avant les backticks reçoit les parties de la chaîne et les valeurs interpolées, ce qui lui permet de les traiter :
function highlight(strings, ...values) {
return strings.reduce((out, s, i) =>
out + s + (values[i] ? `<b>${values[i]}</b>` : ""), "");
}
highlight`Hello ${name}!`; // "Hello <b>Ann</b>!"
Ceci alimente des bibliothèques comme styled-components et des assistants d'échappement sûrs pour SQL/HTML.
Les template literals sont le moyen standard de construire des chaînes aujourd'hui — interpolation lisible, textes multi-lignes faciles et un hook (tagged templates) pour les DSL.