Zde je cheat sheet pro práci s interpolací řetězců v JavaScriptu:
-
Sčítání řetězců (Concatenation) pomocí
+-
Tato metoda se často používala před zavedením šablonových literálů v ES6. Sčítáme řetězce a proměnné dohromady.
let jmeno = "Alice"; console.log("Ahoj, " + jmeno + "!"); // Výstup: Ahoj, Alice!
-
-
Interpolace pomocí šablonových literálů (Template Literals)
-
Šablonové literály, označované zpětnými uvozovkami (
`), umožňují vkládání proměnných nebo výrazů přímo do řetězců pomocí syntaxe${...}.let jmeno = "Alice"; console.log(`Ahoj, ${jmeno}!`); // Výstup: Ahoj, Alice!
-
-
Interpolace s výrazy
-
Šablonové literály umožňují nejen vkládání proměnných, ale také jakýchkoli platných JavaScriptových výrazů.
let x = 5; let y = 10; console.log(`Součet čísel je ${x + y}.`); // Výstup: Součet čísel je 15.
-
-
Multiliniové řetězce
-
Šablonové literály umožňují snadno vytvářet multiliniové řetězce bez nutnosti používat speciálních znaků, jako je
\npro nový řádek.let jmeno = "Alice"; let pozdrav = `Ahoj, ${jmeno}!`; console.log(pozdrav); /* Výstup: Ahoj, Alice! */
-