Letterlijke JavaScript-sjabloon
synoniemen:
- Sjabloon Letters
- Sjabloonreeksen
- Tekenreekssjablonen
- Back-Tics-syntaxis
Back-Tics-syntaxis
Template Literals gebruiken back-ticks (``) in plaats van de aanhalingstekens ("") om een string te definiëren:
Voorbeeld
let text = `Hello World!`;
Citaten in strings
Met sjabloonletterwoorden kunt u zowel enkele als dubbele aanhalingstekens in een tekenreeks gebruiken:
Voorbeeld
let text = `He's often called "Johnny"`;
Snaren met meerdere regels
Letterlijke templates maken tekenreeksen met meerdere regels mogelijk:
Voorbeeld
let text =
`The quick
brown fox
jumps over
the lazy dog`;
Interpolatie
Letterlijke sjablonen bieden een gemakkelijke manier om variabelen en uitdrukkingen in tekenreeksen te interpoleren.
De methode wordt string-interpolatie genoemd.
De syntaxis is:
${...}
Variabele vervangingen
Letterlijke templates staan variabelen in strings toe:
Voorbeeld
let firstName = "John";
let lastName = "Doe";
let text = `Welcome ${firstName}, ${lastName}!`;
Het automatisch vervangen van variabelen door reële waarden wordt stringinterpolatie genoemd .
Expressievervanging
Letterlijke templates staan expressies in strings toe:
Voorbeeld
let price = 10;
let VAT = 0.25;
let total = `Total: ${(price * (1 + VAT)).toFixed(2)}`;
Het automatisch vervangen van uitdrukkingen door reële waarden wordt stringinterpolatie genoemd .
HTML-sjablonen
Voorbeeld
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>`;
Browserondersteuning
Template Literalsis een ES6-functie (JavaScript 2015).
Het wordt ondersteund in alle moderne browsers:
| Chrome | Edge | Firefox | Safari | Opera |
| Yes | Yes | Yes | Yes | Yes |
Template Literalswordt niet ondersteund in Internet Explorer.
Volledige tekenreeksreferentie
Ga voor een volledige String-referentie naar onze:
Volledige JavaScript-stringreferentie .
De referentie bevat beschrijvingen en voorbeelden van alle tekenreekseigenschappen en -methoden.