JavaScript-Vorlagenliterale
Synonyme:
- Vorlagenliterale
- Vorlagenzeichenfolgen
- String-Vorlagen
- Back-Tics-Syntax
Back-Tics-Syntax
Vorlagenliterale verwenden Backticks (``) anstelle von Anführungszeichen (""), um eine Zeichenfolge zu definieren:
Beispiel
let text = `Hello World!`;
Anführungszeichen innerhalb von Zeichenfolgen
Mit Vorlagenliteralen können Sie sowohl einfache als auch doppelte Anführungszeichen innerhalb einer Zeichenfolge verwenden:
Beispiel
let text = `He's often called "Johnny"`;
Mehrzeilige Zeichenfolgen
Vorlagenliterale erlauben mehrzeilige Zeichenfolgen:
Beispiel
let text =
`The quick
brown fox
jumps over
the lazy dog`;
Interpolation
Vorlagenliterale bieten eine einfache Möglichkeit, Variablen und Ausdrücke in Zeichenfolgen zu interpolieren.
Das Verfahren heißt String-Interpolation.
Die Syntax lautet:
${...}
Variablensubstitutionen
Template-Literale erlauben Variablen in Strings:
Beispiel
let firstName = "John";
let lastName = "Doe";
let text = `Welcome ${firstName}, ${lastName}!`;
Das automatische Ersetzen von Variablen durch reelle Werte wird als String-Interpolation bezeichnet .
Ausdrucksersetzung
Template-Literale erlauben Ausdrücke in Strings:
Beispiel
let price = 10;
let VAT = 0.25;
let total = `Total: ${(price * (1 + VAT)).toFixed(2)}`;
Das automatische Ersetzen von Ausdrücken durch reelle Werte wird als String-Interpolation bezeichnet .
HTML-Vorlagen
Beispiel
let header = "Templates Literals";
let tags = ["template literals", "javascript", "es6"];
let html = `<h2>${header}</h2><ul>`;
for (const x of tags) {
html += `<li>${x}</li>`;
}
html += `</ul>`;
Browser-Unterstützung
Template Literals
ist eine ES6-Funktion (JavaScript 2015).
Es wird in allen modernen Browsern unterstützt:
Chrome | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes |
Template Literals
wird im Internet Explorer nicht unterstützt.
Vollständige String-Referenz
Eine vollständige String-Referenz finden Sie in unserem:
Vollständige JavaScript-String-Referenz .
Die Referenz enthält Beschreibungen und Beispiele aller String-Eigenschaften und -Methoden.