Template literals menggunakan backticks (`) dan menambahkan dua hal yang tidak dimiliki tanda petik string biasa: interpolation ekspresi dan string multi-line.
js
name = ;
count = ;
msg = ;
total = ;
html = ;
Template literals menggunakan backticks (`) dan menambahkan dua hal yang tidak dimiliki tanda petik string biasa: interpolation ekspresi dan string multi-line.
name = ;
count = ;
msg = ;
total = ;
html = ;
Sebelum template literals, Anda harus menulis "Hi " + name + ", " + count + ... — verbose dan rawan kesalahan. Interpolation terbaca jauh lebih baik.
Fungsi yang ditempatkan sebelum backticks menerima bagian string dan nilai yang diinterpolasi, memungkinkannya untuk memprosesnya:
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>!"
Ini memberdayakan library seperti styled-components dan pembantu escaping SQL/HTML yang aman.
Template literals adalah cara standar untuk membangun string hari ini — interpolation yang dapat dibaca, teks multi-line yang mudah, dan hook (tagged templates) untuk DSL.