Template literals menggunakan backtick (`) dan menambahkan dua hal yang tidak dimiliki tanda kutip string biasa: interpolasi ekspresi dan string multi-line.
js
name = ;
count = ;
msg = ;
total = ;
html = ;
Template literals menggunakan backtick (`) dan menambahkan dua hal yang tidak dimiliki tanda kutip string biasa: interpolasi ekspresi dan string multi-line.
name = ;
count = ;
msg = ;
total = ;
html = ;
Sebelum template literals, Anda harus menulis "Hi " + name + ", " + count + ... — verbose dan rawan kesalahan. Interpolasi jauh lebih mudah dibaca.
Sebuah fungsi yang ditempatkan sebelum backtick menerima bagian string dan nilai yang diinterpolasi, memungkinkannya memproses mereka:
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 mendukung perpustakaan seperti styled-components dan pembantu pelarian SQL/HTML yang aman.
Template literals adalah cara standar untuk membangun string hari ini — interpolasi yang dapat dibaca, teks multi-line yang mudah, dan hook (tagged templates) untuk DSL.