Fungsi adalah "Kata Kerja" dalam pemrograman. Mereka memungkinkan Anda membungkus sekumpulan instruksi, memberinya nama, dan menggunakannya kembali kapan pun Anda mau.
Mesin Input-Output
Pikirkan fungsi seperti Pemanggang Roti.
1. Input (Parameter): Anda memasukkan roti.
2. Logika (Body): Kumparan memanas dan memanggang roti.
3. Output (Return): Roti panggang keluar.
Anda tidak perlu tahu bagaimana kabel di dalamnya bekerja untuk menggunakannya. Anda tinggal menekan tombolnya.
1. Mendefinisikan Fungsi
Menulis fungsi tidak menjalankannya. Itu hanya "mengajarkan" komputer cara melakukan tugas tersebut.
// 1. DEFINISI (Mengajar)
function buatSandwich(isian) {
// 'isian' adalah variabel yang hanya ada di sini
return "Ini sandwich " + isian + " Anda!";
}
// 2. PEMANGGILAN (Menggunakan)
const makanSiang = buatSandwich("Kalkun");
console.log(makanSiang);
const makanMalam = buatSandwich("Selai Kacang");
console.log(makanMalam);Kebingungan "Return"
Pemula sering bingung antara console.log dengan return.
- console.log: Seperti mencetak foto. Anda bisa melihatnya, tapi tidak bisa menggunakannya di kode.
- return: Seperti memberi Anda file foto. Anda bisa menyimpannya, mengeditnya, atau mengirimnya ke orang lain.
function tambahDenganLog(a, b) {
console.log(a + b); // Hanya mencetak
}
function tambahDenganReturn(a, b) {
return a + b; // Mengembalikan nilai
}
const hasil1 = tambahDenganLog(2, 2);
console.log("Hasil 1 adalah:", hasil1); // Undefined!
const hasil2 = tambahDenganReturn(2, 2);
console.log("Hasil 2 adalah:", hasil2); // 4 (Berhasil!)Dukung JS Fruggal dengan melihat sponsor kami.
Arrow Functions Modern
Dalam JavaScript modern (ES6), kita lebih suka sintaks yang lebih bersih. Perilakunya sebagian besar sama tetapi terlihat lebih tajam.
// Cara Lama
function jumlahLama(a, b) {
return a + b;
}
// Cara Modern
// Jika hanya satu baris, Anda bahkan tidak perlu 'return' atau kurung kurawal!
const jumlahBaru = (a, b) => a + b;
console.log(jumlahBaru(10, 50));Parameter Default
Bagaimana jika seseorang memanggil fungsi Anda tetapi lupa bahannya? Anda bisa menetapkan nilai default.
const sapa = (nama = "Orang Asing") => {
console.log("Halo, " + nama);
};
sapa("Alice"); // Halo, Alice
sapa(); // Halo, Orang Asing (Menggunakan cadangan)