Mengenal Si-Cantik ES6 (Part 2)

Adib Firman
2 min readOct 23, 2018

Pada part sebelumnya kita sudah berkenalan dengan ES6 dan juga beberapa fungsi pada ES6 contohnya pendeklarasian variabel, lalu pada part kali ini kita akan mengupas tuntaskan tentang si-cantik ES6 ini, langsung saja beeraaanggkaattt….

1. Template Literal (Template String)

ini adalah salah satu fungsi pada ES6 yang menurut saya, ini yang sangat membuat kodingan kita menjadi rapih, maksudnya apa sih? pada saat kita ingin menyambungkan antara string dengan integer atau apapun itu, biasanya kita menggunakan syntax ES5 yang biasa disebut juga concatenate, contohnya seperti ini

dan ini yang menurut saya kadang ribet (menjelimet) untuk membaca sebuah kode (apalagi jika kita berada dalam sebuah tim, kita tidak ingin membuat tim kita kerepotan membaca kode kita bukan?). Dengan template literal-nya ES6 maka kita akan mengubahnya seperti ini

mudah dibaca bukan? tetapi kode kita ada beberapa perubahan yaitu

  • Kita harus menggunakan sebuah back-tick``
  • Penggabungan antara dolar-sign dan juga sebuah buka tutup kurung kurawal, seperti ini ${…}

dan juga enaknya menggunakan template literal ini kita bisa membuat baris baru pada kode kita contohnya seperti ini

dengan kita membuat sebuah baris baru pada kode kita maka otomatis akan membuat sebuah Line Feed (\n).

Untuk sekarang saya hanya membuat beberapa example dari ES6, yang sebenarnya banyak sekali fungsi yang disediakan oleh ECMAScript, jika kalian memang masih belum kenyang, saya ada beberapa link yang mungkin bisa membantu teman-teman agar lebih joss lagi mengenal si neng ES6. Salah satunya Exploring ES6

Oke teman-teman sekian dari saya, jika ada salah kata-kata mohon dimaafkan.

Terima Kasih

--

--

Adib Firman

Currently doing some stuff on Web Platform and learn managing a team.