Littéraux de modèle javascript

Un nouvel élément ajouté dans ES6 est le modèle littéral. Il s'agit d'un nouveau type de création de chaînes en JavaScript qui ajoute plusieurs nouvelles fonctionnalités importantes, telles que la possibilité de créer des chaînes multi-lignes et d'inclure une expression dans une chaîne. En tant que développeur, toutes ces fonctionnalités peuvent améliorer vos capacités pour manipuler les chaînes et vous permettre de créer des chaînes dynamiques.

Cet article illustrera les littéraux des modèles et comment les utiliser en javascript.

Que sont les littéraux de modèle JavaScript (chaînes de modèle)?

"Modèle littéraux"Sont communément appelés"Chaînes de modèle". Ils sont entourés par la backtick (") Caractère, par rapport aux citations dans les chaînes. Ses internautes sont désignés par le panneau Dollar «$», Et des accolades bouclées comme "$ expression"Est acceptable dans les littéraux des modèles. Si vous souhaitez utiliser une expression, vous pouvez le mettre dans le «$ expression”Boîte à l'intérieur des backtincs.

Un modèle littéral est une version améliorée d'une chaîne JavaScript standard. Les substitutions font une distinction significative entre un modèle littéral et une chaîne ordinaire. Vous pouvez intégrer des variables et des expressions dans une chaîne à l'aide de substituts. Ces variables et expressions auront leurs valeurs automatiquement remplacées par le moteur JavaScript.

Syntaxe

Utilisez la syntaxe ci-dessous pour déclarer une seule chaîne en utilisant des littéraux de modèle:

'Texte de chaîne'

Pour plusieurs lignes, suivez la syntaxe donnée:

'Ligne de texte de chaîne 1
Ligne de texte de la chaîne

Si vous souhaitez ajouter une expression à l'intérieur des backticks, la syntaxe suivante est utilisée:

'String Text $ expression String Text'

Découvrez les exemples suivants pour développer une meilleure compréhension du concept déclaré.

Exemple 1: Déclarez une chaîne de ligne unique à l'aide de littéraux de modèle JavaScript

Habituellement, pour créer une chaîne, il est nécessaire d'utiliser des devis simples ou doubles, mais dans les littéraux de modèle, vous pouvez créer une chaîne comme suit:

console.log ('linuxhint');

La sortie montre qu'il fonctionne de la même manière comme la création simple de piqûre à l'aide de citations simples ou doubles:

Exemple 2: Déclarez une chaîne multi-ligne

Normalement, pour imprimer plusieurs lignes, nous utilisons l'opérateur de concaténation (+) et pour ajouter une nouvelle ligne, (\ n) peut être utilisée, qui peut souvent rendre le complexe de code:

console.Log ("Bienvenue au Linuxhint.\ n "+" Le meilleur site Web pour les compétences d'apprentissage.");

Alors que pour utiliser des littéraux de modèle, vous pouvez démarrer une nouvelle ligne en appuyant sur Entrée à partir du clavier dans le bloc BackTicks:

console.Log ('Bienvenue dans le Linuxhint.
Le meilleur site Web pour les compétences d'apprentissage.');

Sortir

Exemple 3: chaîne avec substitutions d'expression

Ici, nous allons d'abord créer deux variables "X" et "y", Avec les valeurs"20" et "15", respectivement:

var x = 20;
var y = 15;

Ensuite, créez une variable "somme"Pour ajouter le"X" et "y»:

var sum = x + y;

Si vous souhaitez ajouter deux nombres et afficher la somme de ces nombres sur la console, normalement, il est nécessaire de concaténer les cordes et les variables au format de chaîne régulière qui crée souvent un gâchis pour utiliser des citations simples ou doubles avec les chaînes et les rejoindre les uns avec les autres et avec les variables utilisant (+):

console.Log ("Sum of X" + X + "et" + Y + "est" + sum);

Alors que, en utilisant les littéraux du modèle, il vous suffit de spécifier les chaînes avec des variables comme une expression à l'intérieur du «$ ”Dans Backtick Block:

console.log ('somme de x $ x et y $ y est $ sum');

Sortir

Nous avons rassemblé toutes les informations essentielles liées au modèle littéral.

Conclusion

"Modèle littéraux", aussi connu sous le nom "Chaînes de modèle», Est une version améliorée d'une chaîne JavaScript standard entourée de la backtic (") Caractère, par rapport aux citations dans les chaînes. Il permet la création de chaînes mono-lignes et multi-lignes sans utiliser l'opérateur de concaténation et comprend une expression dans une chaîne. Cet article a discuté des modèles littéraux en javascript avec des exemples expliqués.