Template literals hutumia backticks (`) na kuongeza mambo mawili ambayo nukuu za kawaida hazina: interpolation ya misemo na stuo za multi-line.
js
name = ;
count = ;
msg = ;
total = ;
html = ;
Template literals hutumia backticks (`) na kuongeza mambo mawili ambayo nukuu za kawaida hazina: interpolation ya misemo na stuo za multi-line.
name = ;
count = ;
msg = ;
total = ;
html = ;
Kabla ya template literals, ungalisoma "Hi " + name + ", " + count + ... — kubwa na yenye hitilafu. Interpolation inasoma vizuri zaidi.
Funksioni iliyowekwa kabla ya backticks hupokea sehemu za nchi na thamani zilizoingizwa, na kuruhusu kuzikamatia:
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>!"
Hii inacheza role katika maktaba kama styled-components na msaada wa usalama wa SQL/HTML.
Template literals ni njia ya kawaida ya kujenga stuo leo — interpolation inayosomeka, content ya multi-line inayosimama, na kait (tagged templates) kwa DSL.