Template literals uporabljajo povratne navedke (`) in dodajajo dve stvari, ki jih navadni navedki nimajo: interpolacijo izrazov in večvrstične nize.
js
name = ;
count = ;
msg = ;
total = ;
html = ;
Template literals uporabljajo povratne navedke (`) in dodajajo dve stvari, ki jih navadni navedki nimajo: interpolacijo izrazov in večvrstične nize.
name = ;
count = ;
msg = ;
total = ;
html = ;
Pred template literals bi napisal "Hi " + name + ", " + count + ... — beseden in nagnjen k napakam. Interpolacija je veliko bolj berljiva.
Funkcija, postavljena pred povratne navedke, prejme dele niza in interpolirane vrednosti, kar ji omogoči, da jih obdela:
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>!"
To poganja knjižnice, kot je styled-components, in pomočnike za varno ubežanje SQL/HTML.
Template literals so danes standardni način za gradnjo nizov — berljiva interpolacija, enostavno večvrstično besedilo in hook (označeni šabloni) za DSL-je.