Hai teman-teman semuanya apa kabar? semoga tetap dalam keadaan sehat, kita lanjut lagi belajarnya teman-teman ES6, pada tutorial sebelumnya kita telah belajar tentang arrow function pada ES6 kali ini kita akan membahas tentang template string pada ES6.

oke kita langsung coba pada studi kasus misal teman-teman punya script seperti ini :

Saya mempunya sebuah variable dengan nilai fahrizal, lalu saya ingin mencetaknya kedalam sebuah string pada pesan alert, ketika kita menggunakan javscript sepertti yang teman-teman pelajari maka kita harus memisahkan dengan plus + untuk menyisipkan variable tersebut, lalu ketika kita ingin menyambungkan dengan string lagi maka akan seperti ini penulisannya,

kita harus menyambungkannya dengan tanda plus + lagi dengan string selanjutnya, yang jika dijalankan pada browser makan akan tercetak pesan alert.

Nah dengan penulisan template string pada ES6 maka penulisannya akan seperti berikut ini :

kita harus menggunakan backtick pada tombol keyboard lalu untuk menyisipkan variable nama tersebut saya menggunakan ${}, jika dijalankan maka hasilnya akan sama seperti contoh sebelumnya, dan jika kita ingin menyisipkan string lagi setelahnya ya tinggal kita langsung tulis saja seperti ini :

Kita tidak perlu repot repot menambahkan + disebelum dan sesudahnya,

Oke teman-teman untuk tutorial kali ini saya rasa cukup sampai disini dulu, semoga tutorial kali ini dapat menambah pengetahuan teman-teman semuanya,

Terima kasih.

 

WhatsApp chat