Template literali koriste backticks (`) i dodaju dvije stvari koje obični navodnici nemaju: interpolaciju izraza i višeredne stringove.
js
name = ;
count = ;
msg = ;
total = ;
html = ;
Template literali koriste backticks (`) i dodaju dvije stvari koje obični navodnici nemaju: interpolaciju izraza i višeredne stringove.
name = ;
count = ;
msg = ;
total = ;
html = ;
Prije template literala trebali ste pisati "Hi " + name + ", " + count + ... — verbose i sklono greškama. Interpolacija se čita daleko bolje.
Funkcija postavljena ispred backticks-a prima dijelove stringa i interpolirane vrijednosti, što joj omogućava da ih obradi:
function highlight(strings, ...values) {
return strings.reduce((out, s, i) =>
out + s + (values[i] ? `<b>${values[i]}</b>` : ""), "");
}
highlight`Hello ${name}!`; // "Hello <b>Ann</b>!"
Ovo pokreće knjižnice kao što su styled-components i pomoćnike za sigurno SQL/HTML izbjegavanje.
Template literali su standardan način za izgradnju stringova danas — čitljiva interpolacija, jednostavni tekstovi s više redaka, i kuka (označeni šabloni) za DSL-e.