Doslovy šablony JavaScriptu
Synonyma:
- Doslovy šablony
- Řetězce šablony
- Řetězcové šablony
- Syntaxe Back-Tics
Syntaxe Back-Tics
Literály šablony používají k definování řetězce zpětná zaškrtnutí (``) spíše než uvozovky (""):
Příklad
let text = `Hello World!`;
Citáty uvnitř řetězců
Pomocí šablonových literálů můžete uvnitř řetězce použít jednoduché i dvojité uvozovky:
Příklad
let text = `He's often called "Johnny"`;
Víceřádkové řetězce
Šablonové literály umožňují víceřádkové řetězce:
Příklad
let text =
`The quick
brown fox
jumps over
the lazy dog`;
Interpolace
Šablonové literály poskytují snadný způsob, jak interpolovat proměnné a výrazy do řetězců.
Metoda se nazývá řetězcová interpolace.
Syntaxe je:
${...}
Variabilní substituce
Literály šablony umožňují proměnné v řetězcích:
Příklad
let firstName = "John";
let lastName = "Doe";
let text = `Welcome ${firstName}, ${lastName}!`;
Automatické nahrazování proměnných reálnými hodnotami se nazývá řetězcová interpolace .
Substituce výrazu
Literály šablony umožňují výrazy v řetězcích:
Příklad
let price = 10;
let VAT = 0.25;
let total = `Total: ${(price * (1 + VAT)).toFixed(2)}`;
Automatické nahrazování výrazů reálnými hodnotami se nazývá řetězcová interpolace .
HTML šablony
Příklad
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>`;
Podpora prohlížeče
Template Literals
je funkce ES6 (JavaScript 2015).
Je podporován ve všech moderních prohlížečích:
Chrome | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes |
Template Literals
není podporován v Internet Exploreru.
Kompletní odkaz na řetězec
Úplnou referenci String naleznete na naší stránce:
Kompletní reference JavaScriptového řetězce .
Odkaz obsahuje popisy a příklady všech vlastností a metod řetězců.