Dunia JavaScript terus berkembang dengan pesat. Salah satu fitur menarik yang diperkenalkan dalam ES6 adalah arrow function.
Fungsi panah ini menawarkan cara yang lebih ringkas dan elegan untuk menulis fungsi dibandingkan dengan cara tradisional.
Dengan sintaks yang lebih sederhana, arrow function tidak hanya membuat kode Anda lebih mudah dibaca, tetapi juga membuka peluang untuk penggunaan yang lebih fleksibel.
Baca juga: Full Stack Developer: Pengertian Hingga Gaji yang Diperoleh!
Apa Itu Arrow Function?
Arrow Function adalah bentuk penulisan fungsi yang lebih singkat dan mudah dibaca dalam JavaScript.
Ia menggunakan tanda panah (=>) untuk mendefinisikan fungsi, sehingga lebih sederhana dibandingkan dengan Traditional Function.
Arrow Function sering digunakan untuk membuat fungsi anonim atau fungsi yang hanya memiliki satu baris kode.
Perbedaan Arrow Function dan Traditional Function
Berikut adalah beberapa perbedaan utama antara Arrow Function dan Traditional Function:
Penulisan:
Arrow Function menggunakan tanda panah (=>) untuk mendefinisikan fungsi, sedangkan Traditional Function menggunakan kata kunci function.
Contoh:
Arrow Function: const greet = () => { return “Hello”; }
Traditional Function: function greet() { return “Hello”; }
this Binding:
Dalam Arrow Function, this mengacu pada objek yang mengelilinginya (lexical this), bukan objek yang memanggil fungsi tersebut.
Dalam Traditional Function, this mengacu pada objek yang memanggil fungsi tersebut.
Hoisting:
Arrow Function tidak dapat di-hoisting, artinya tidak dapat digunakan sebelum dideklarasikan.
Traditional Function dapat di-hoisting.
Arguments Object:
Arrow Function tidak memiliki arguments object.
Traditional Function memiliki arguments object yang berisi daftar argumen yang diteruskan ke fungsi tersebut.
Return Implicit:
Jika Arrow Function hanya memiliki satu baris kode dan mengembalikan nilai, maka return dapat dihilangkan secara implisit.
Traditional Function selalu memerlukan kata kunci return untuk mengembalikan nilai.
Fungsi Penggunaan Arrow Function
Arrow Function dapat digunakan dalam berbagai situasi dalam pemrograman JavaScript. Berikut adalah beberapa fungsi penggunaan yang umum:
- Fungsi Anonim: Arrow Function sering digunakan untuk membuat fungsi anonim, yaitu fungsi yang tidak memiliki nama. Hal ini dapat berguna ketika kita hanya membutuhkan fungsi sementara atau sebagai parameter untuk fungsi lain.
- Callback Functions: Arrow Function sering digunakan sebagai callback functions, yaitu fungsi yang akan dijalankan setelah suatu operasi selesai. Contohnya, ketika kita ingin melakukan operasi asinkron seperti fetching data dari server, kita dapat menggunakan Arrow Function sebagai callback untuk menangani hasil operasi tersebut.
- Method pada Objek: Arrow Function dapat digunakan sebagai method pada objek. Hal ini memungkinkan kita untuk menuliskan method yang lebih singkat dan lebih mudah dibaca.
- Ekspresi Fungsi: Arrow Function dapat digunakan sebagai ekspresi fungsi, yaitu fungsi yang dideklarasikan sebagai nilai dari suatu variabel atau properti objek.
Tujuan Arrow Function pada Javascript
Tujuan utama penggunaan Arrow Function dalam JavaScript adalah untuk membuat kode lebih singkat, lebih mudah dibaca, dan lebih konsisten. Berikut adalah beberapa tujuan spesifik:
- Meningkatkan Readability: Arrow Function memiliki sintaks yang lebih sederhana dan lebih mudah dipahami dibandingkan dengan Traditional Function. Hal ini dapat meningkatkan keterbacaan kode JavaScript.
- Menghindari this Binding Issues: Arrow Function memiliki this binding yang berbeda dengan Traditional Function. Hal ini dapat membantu menghindari masalah terkait this binding yang sering terjadi dalam pemrograman JavaScript.
- Menulis Kode yang Lebih Ringkas: Arrow Function dapat digunakan untuk menulis kode yang lebih singkat, terutama untuk fungsi-fungsi yang sederhana. Hal ini dapat meningkatkan efisiensi pengembangan.
- Menjaga Konsistensi: Penggunaan Arrow Function secara konsisten dapat membantu menjaga konsistensi dalam penulisan kode JavaScript.
Baca juga: Framework JavaScript: Pengertian Hingga Fungsinya
Belajar Lebih Lanjut Seputar Sintak Penulisan Hanya di Course-Net
Dengan memahami konsep arrow function, Anda telah membuka pintu menuju penulisan kode JavaScript yang lebih efisien dan elegan.
Namun, masih banyak lagi yang bisa Anda pelajari tentang JavaScript modern. Untuk mendalami pemahaman Anda tentang arrow function dan fitur-fitur JavaScript lainnya, ikuti kursus Fullstack JavaScript di Course-Net.
Mengapa harus Course-Net?
- Berdiri sejak 2015
- Memiliki 4 penghargaan internasional
- Bisa lihat Review peserta di Google Review
- Coach merupakan praktisi aktif di bidang IT dengan pengalaman 5 tahun dan memiliki prestasi tingkat dunia
- Materi yang diberikan lebih ke 70% praktek dan bukan hanya teoritis
Ingin menjadi seorang developer JavaScript yang mahir? Daftar sekarang di Kursus Fullstack Javascript Course-Net.
