Hai teman-teman semuanya, apa kabar? semoga tetap dalam keadaan sehat, kita lanjut lagi ya belajarnya, masih tentang javascript, pada pembahasan kali ini kita akan mengenal template literal pada javscript.
Apa itu template literal? template literal adalah cara mudah untuk membaca sebuah code javascript yang bercampur dengan string, untuk lebih jelasnya kita langsung saja praktekan ya teman-teman,
teman-teman pasti sudah lumrah dengan penulisan seperti ini :
1 2 3 |
onst text1 = 'Dumet School'; const text2 = "Dumet School"; |
Yups benar, ini aalah penulisan sebuah variable yang mendevinisikan nilai string, bisa dengan kutip 1 dan kutip dua,
Sedangkan ketika kita menggunakan template literal hanya mengubah tanda kutip menjadi back-ticks,
1 |
const text2 = `Dumet School`; |
Sekarang kita akan lihat perbedaannya ketika kita menggunakan template literal dangan menggnakan pemisah + seperti yang biasa kita lakukan,
berikut ini adalah contoh penulisan yang biasa kita gunakan :
1 |
console.log('Hai, Saya murid ' + text2 + 'srengseng'); |
bisa dilihat kita menggukan tanda plus untuk memisahkan antara bentuk string dan bentuk javascript variable, nah sekarang ini adalah contoh penulisan dengan template literal:
1 |
console.log('Hai, Saya murid ${text2} srengseng'); |
Gimana? terlihat lebih mudah bukan? dalam segi penulisannya,
Oke teman-teman, untuk tutorial kali ini tentang mengenal template literal pada javascript saya rasa cukup sampai sini dulu, semoga tutorial kali ini dapat bermanfaat untk teman-teman semuanya, sampai bertemu lagi pada tutorial berikutnya,
Terima kasih