Template literal
Backtick ( ) memungkinkan menyisipkan nilai langsung ke dalam string dengan ${...}, dan mendukung baris baru tanpa \n. Ini menggantikan penggabungan string dengan + yang cepat jadi tidak terbaca begitu ada lebih dari dua variabel. Backtick juga membuat string multi-baris jadi rapi tanpa tanda plus di setiap ujung baris, dan di dalam ${...}` kamu boleh menulis ekspresi apa pun, bukan sekadar nama variabel.
👀 Contoh dulu
const produk = 'Kopi';
const harga = 25000;
// cara lama, sulit dibaca
console.log('Beli ' + produk + ' seharga ' + harga);
// template literal
console.log(`Beli ${produk} seharga ${harga}`);Hasilnya: Beli Kopi seharga 25000 Beli Kopi seharga 25000
💡 Perhatikan tanda kutipnya backtick ` (di bawah tombol Esc), bukan petik biasa. Di dalam ${} boleh ada ekspresi seperti ${harga * 2}.
📝 Sekarang giliranmu
Buat const pesan memakai template literal yang menghasilkan Halo, saya Bimo berumur 20 tahun dengan menyisipkan variabel nama dan umur. Tampilkan dengan console.log.