Node.js - 2.6 Les modèles littéraux en JavaScript

Les modèles littéraux sont une autre façon d'écrire des chaînes de caractères en JavaScript. Ils permettent d'insérer des variables directement dans le texte. Cette leçon compare cette écriture avec la concaténation classique.

Écrire une chaîne avec des backticks

Au lieu des guillemets simples ou doubles, un modèle littéral utilise l'accent grave, appelé backtick. Sur un clavier français, on l'obtient avec la touche Alt Gr et la touche 7.

Cette syntaxe permet d'écrire une chaîne de caractères de la même façon que d'habitude.

Insérer une variable avec ${}

Dans la vidéo, une fonction reçoit deux variables : le prénom et l'âge. Pour les insérer dans une phrase, on écrit le signe dollar, une accolade ouvrante, le nom de la variable, puis une accolade fermante. La phrase peut ensuite continuer normalement.

La vidéo compare ce résultat avec une concaténation classique, qui utilise le signe plus. Les deux écritures produisent exactement le même texte.

console.log(`Je m'appelle ${prenom} et j'ai ${age} ans.`);

En résumé

Les modèles littéraux utilisent des backticks pour écrire des chaînes. La syntaxe ${} insère une variable directement dans le texte. Le résultat est identique à celui d'une concaténation avec le signe plus. Cette écriture rend souvent le code plus facile à lire.

Points clés

• Un modèle littéral s'écrit entre backticks.
• On insère une variable avec la syntaxe ${nomDeLaVariable}.
• Le texte produit est identique à celui d'une concaténation.
• Le modèle littéral évite d'utiliser le signe plus pour assembler le texte.
• Sur un clavier français, le backtick s'obtient avec Alt Gr et 7.

Questions fréquentes

Qu'est-ce qu'un backtick ?

C'est l'accent grave, le caractère qui délimite un modèle littéral. Il est différent des guillemets simples ou doubles.

Comment insérer une variable ?

On écrit ${ suivi du nom de la variable et d'une accolade fermante, à l'intérieur du texte entre backticks.

Le résultat change-t-il par rapport à la concaténation ?

Non. La vidéo montre que les deux méthodes affichent exactement le même texte.