Template literals gebruiken backticks (`) en voegen twee dingen toe die normale string-aanhalingstekens niet hebben: interpolatie van expressies en multi-line strings.
js
name = ;
count = ;
msg = ;
total = ;
html = ;
Template literals gebruiken backticks (`) en voegen twee dingen toe die normale string-aanhalingstekens niet hebben: interpolatie van expressies en multi-line strings.
name = ;
count = ;
msg = ;
total = ;
html = ;
Voor template literals moest je "Hi " + name + ", " + count + ... schrijven — omslachtig en foutgevoelig. Interpolatie leest veel beter.
Een functie die voor de backticks staat, ontvangt de string-onderdelen en de geïnterpoleerde waarden, zodat het deze kan verwerken:
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>!"
Dit geeft kracht aan bibliotheken zoals styled-components en veilige SQL/HTML escaping-helpers.
Template literals zijn de standaardmanier om vandaag de dag strings te bouwen — leesbare interpolatie, gemakkelijke multi-line tekst en een hook (tagged templates) voor DSL's.