Artikel ini merupakan bagian dari seri Tutorial Belajar JavaScript untuk Pemula Sampai Mahir. Sebelumnya: Perulangan di JavaScript
📌 Apa Itu Fungsi (Function)?
Fungsi adalah blok kode yang dirancang untuk menjalankan tugas tertentu dan bisa digunakan berulang kali. Alih-alih menulis kode yang sama berulang kali, kita bisa membungkusnya dalam sebuah fungsi lalu memanggilnya kapan saja dibutuhkan.
✍️ Cara Menulis Fungsi di JavaScript
1. Function Declaration
1function sapa() {
2 console.log("Halo, selamat datang!");
3}
4
5sapa(); // Memanggil fungsi
6
1function sapa() {
2 console.log("Halo, selamat datang!");
3}
4
5sapa(); // Memanggil fungsi
6
2. Function dengan Parameter
Parameter adalah variabel yang digunakan untuk menerima input saat fungsi dipanggil.
1function sapa(nama) {
2 console.log("Halo, " + nama + "!");
3}
4
5sapa("Ali"); // Output: Halo, Ali!
6
1function sapa(nama) {
2 console.log("Halo, " + nama + "!");
3}
4
5sapa("Ali"); // Output: Halo, Ali!
6
3. Function dengan Return Value
Fungsi bisa mengembalikan nilai menggunakan return.
1function jumlah(a, b) {
2 return a + b;
3}
4
5let hasil = jumlah(3, 4);
6console.log(hasil); // Output: 7
7
1function jumlah(a, b) {
2 return a + b;
3}
4
5let hasil = jumlah(3, 4);
6console.log(hasil); // Output: 7
7
4. Function Expression
Fungsi juga bisa disimpan ke dalam variabel:
1const kali = function(x, y) {
2 return x * y;
3};
4
5console.log(kali(5, 2)); // Output: 10
6
1const kali = function(x, y) {
2 return x * y;
3};
4
5console.log(kali(5, 2)); // Output: 10
6
5. Arrow Function (Fungsi Panah)
Arrow function adalah cara penulisan fungsi yang lebih ringkas.
1const bagi = (a, b) => {
2 return a / b;
3};
4
5console.log(bagi(10, 2)); // Output: 5
6
1const bagi = (a, b) => {
2 return a / b;
3};
4
5console.log(bagi(10, 2)); // Output: 5
6
Jika hanya satu baris dan langsung return, bisa ditulis lebih singkat:
1const kuadrat = x => x * x;
2
3console.log(kuadrat(4)); // Output: 16
4
1const kuadrat = x => x * x;
2
3console.log(kuadrat(4)); // Output: 16
4
🧪 Kapan Menggunakan Fungsi?
Gunakan fungsi saat:
- Ada kode yang dipakai berulang,
- Ingin memisahkan logika menjadi bagian kecil agar mudah dibaca,
- Ingin mengatur struktur program menjadi modular.
💡 Tips Penting
- Gunakan nama fungsi yang jelas dan deskriptif, misalnya:
hitungTotal, tampilkanPesan, dll.
- Jangan lupa
return jika ingin mengembalikan nilai.
- Parameter bisa lebih dari satu, dipisahkan dengan koma.
📚 Kesimpulan
Fungsi adalah fondasi penting dalam JavaScript. Dengan fungsi, kamu bisa menulis kode yang lebih rapi, modular, dan efisien. Ini adalah langkah awal sebelum mempelajari konsep lanjutan seperti callback, closure, atau fungsi asinkron.