Littéraux de modèle JavaScript
Synonymes :
- Modèles littéraux
- Chaînes de modèle
- Modèles de chaînes
- Syntaxe Back-Tics
Syntaxe Back-Tics
Modèles littéraux utilisez les back-ticks (« ) plutôt que les guillemets (« ») pour définir une chaîne :
Citations à l’intérieur des chaînes
Avec littéraux de modèlevous pouvez utiliser à la fois des guillemets simples et doubles à l’intérieur d’une chaîne :
Chaînes multilignes
Littéraux de modèle autorise les chaînes multilignes :
Interpolation
Littéraux de modèle fournissent un moyen simple d’interpoler des variables et des expressions dans des chaînes.
La méthode est appelée interpolation de chaîne.
La syntaxe est :
Substitutions variables
Littéraux de modèle autoriser les variables dans les chaînes :
Exemple
let firstName = « John » ;
let lastName = « Doe » ;
let text = `Bienvenue ${firstName}, ${lastName}!`;
Essayez-le vous-même »
Le remplacement automatique des variables par des valeurs réelles est appelé interpolation de chaîne.
Substitution d’expressions
Littéraux de modèle autoriser les expressions dans les chaînes :
Exemple
soit prix = 10 ;
soit TVA = 0,25 ;
let total = `Total : ${(prix * (1 + TVA)).toFixed(2)}` ;
Essayez-le vous-même »
Le remplacement automatique des expressions par des valeurs réelles est appelé interpolation de chaîne.
Modèles HTML
Exemple
let header = « Modèles littéraux » ;
laisser balises = [« template literals », « javascript », « es6 »];
laissez html = `
${header}
` ;
pour (const x de balises) {
html += `
- ${x}
` ;
}
html += `
` ;
Essayez-le vous-même »
Prise en charge du navigateur
Template Literals est une fonctionnalité ES6 (JavaScript 2015).
Il est pris en charge dans tous les navigateurs modernes :
| Chrome | Bord | Firefox | Safari | Opéra |
| Oui | Oui | Oui | Oui | Oui |
Template Literals n’est pas pris en charge dans Internet Explorer.
Référence de chaîne complète
Pour une référence complète de String, rendez-vous sur :
Référence de chaîne JavaScript complète.
La référence contient des descriptions et des exemples de toutes les propriétés et méthodes de chaîne.
#Littéraux #modèle #JavaScript