Jago JavaScript #5: Function (Bikin Kode Bisa Dipanggil Kapan Saja!)

Fungsi atau Function adalah blok kode yang dirancang untuk melakukan tugas spesifik. Tujuannya cuma satu: DRY (Don't Repeat Yourself). Kalau kamu ngerasa ngetik kode yang sama berkali-kali, itu tandanya kamu butuh Function.

🧩 Apa yang Akan Dipelajari

• Cara membuat (deklarasi) fungsi yang benar.
• Menggunakan Parameter dan Argument biar fungsi jadi fleksibel.
• Memahami kata kunci return untuk mengambil hasil.
• Mengenal Arrow Function, gaya nulis fungsi ala developer modern.

⚙️ Persiapan

• Buka Console di browser (F12).
• Pastikan kamu sudah paham materi Variabel dan Operator dari bab sebelumnya.

🚀 Langkah-Langkah

1. Cara Membuat Fungsi Dasar

Untuk bikin fungsi, kita pakai kata kunci function diikuti nama fungsinya.

function sapaTeman() {
    console.log("Halo, selamat belajar JavaScript!");
}

// Cara panggilnya:
sapaTeman(); 

Penjelasan: Menulis function itu seperti mendaftarkan resep. Tapi kodenya gak bakal jalan kalau gak kita "panggil" namanya.

2. Biar Lebih Pintar: Pakai Parameter

Fungsi bakal lebih berguna kalau bisa nerima data dari luar. Data ini disebut Parameter.

function sapaUser(nama) {
    console.log("Halo, " + nama + "! Semangat ngodingnya.");
}

sapaUser("Kay");    // Hasil: Halo, Kay! ...
sapaUser("Shala");  // Hasil: Halo, Shala! ...

3. Mengambil Hasil dengan return

Kadang kita pengen fungsi itu ngasih kita "oleh-oleh" atau hasil hitungan, bukan cuma nampilin pesan di console. Di sinilah kita pakai return.

function kaliDua(angka) {
    return angka * 2;
}

let hasil = kaliDua(10);
console.log(hasil); // Hasil: 20

Penting: Begitu JavaScript ketemu kata return, fungsi itu langsung berhenti. Kode di bawah return gak bakal dijalanin.

4. Gaya Modern: Arrow Function

Developer zaman sekarang suka nulis yang ringkas. Kita bisa pakai Arrow Function (=>).

const bagiDua = (angka) => {
    return angka / 2;
};

// Lebih ringkas lagi kalau cuma satu baris:
const tambahSepuluh = (angka) => angka + 10;

console.log(tambahSepuluh(5)); // Hasil: 15

💡 Tips Tambahan

• Nama yang Jelas: Kasih nama fungsi pakai kata kerja. Misal: hitungPajak(), ambilData(), atau simpanProfil(). Jangan cuma anu().
• Scope: Variabel yang dibuat di dalam fungsi cuma bisa dipakai di dalam fungsi itu aja (Lokal). Kalau dibuat di luar, bisa dipakai di mana-mana (Global).

❗ Troubleshooting

Masalah: Kenapa fungsi saya hasilnya undefined saat dipanggil? Solusi: Kemungkinan besar kamu lupa nulis return. Tanpa return, fungsi di JavaScript secara otomatis bakal balikin nilai undefined meskipun proses di dalamnya jalan.

🎯 Kesimpulan

Kamu baru saja naik level! Dengan Function, kodemu jadi lebih rapi, terorganisir, dan mudah diperbaiki. Kamu sudah belajar cara bikin fungsi, ngasih input (parameter), dan ngambil output (return).