Memanggil Fungsi di JavaScript
Fungsi dalam JavaScript adalah blok kode yang dapat digunakan kembali untuk melakukan tugas tertentu. Untuk memanfaatkan fungsi, kita perlu memanggilnya. Pemanggilan fungsi dilakukan dengan menuliskan nama fungsi diikuti oleh tanda kurung buka dan tutup ().
Cara Memanggil Fungsi
Berikut beberapa cara untuk memanggil fungsi di JavaScript:
1. Pemanggilan Langsung:
function greet(name) {
console.log("Halo, " + name + "!");
}
greet("John"); // Menampilkan "Halo, John!"
2. Pemanggilan dengan Penugasan ke Variabel:
function add(a, b) {
return a + b;
}
let result = add(5, 3); // Menyimpan hasil ke variabel result
console.log(result); // Menampilkan 8
3. Pemanggilan Fungsi Anonim:
let square = function(x) {
return x * x;
};
console.log(square(4)); // Menampilkan 16
4. Pemanggilan Fungsi dengan Arrow Function:
let cube = (x) => {
return x * x * x;
};
console.log(cube(2)); // Menampilkan 8
5. Pemanggilan Fungsi dengan Event Listener:
function handleClick() {
alert("Tombol diklik!");
}
let button = document.getElementById("myButton");
button.addEventListener("click", handleClick);
Kode ini akan menampilkan pesan "Tombol diklik!" ketika tombol dengan id "myButton" diklik.
Argumen Fungsi
Fungsi dapat menerima argumen sebagai input. Argumen diberikan dalam tanda kurung saat memanggil fungsi.
function greet(name) {
console.log("Halo, " + name + "!");
}
greet("Jane"); // Menyerahkan argumen "Jane" ke fungsi
Mengembalikan Nilai
Fungsi dapat mengembalikan nilai menggunakan keyword return. Nilai yang dikembalikan dapat disimpan dalam variabel atau digunakan dalam operasi lainnya.
function add(a, b) {
return a + b;
}
let sum = add(10, 5);
console.log(sum); // Menampilkan 15
Penggunaan Fungsi dalam Program
Fungsi sangat berguna untuk membuat kode lebih terstruktur, mudah dibaca, dan dapat digunakan kembali. Beberapa kegunaan fungsi:
- Memisahkan Kode: Fungsi membantu memisahkan kode menjadi bagian-bagian yang lebih kecil, sehingga lebih mudah dimengerti dan diubah.
- Penggunaan Kembali: Fungsi dapat dipanggil berulang kali, sehingga kita tidak perlu menulis kode yang sama berulang kali.
- Modularitas: Fungsi membuat kode lebih modular, sehingga lebih mudah diuji dan dipelihara.
Dengan memahami cara memanggil fungsi dan argumen, Anda dapat memanfaatkan fungsi dengan baik untuk membuat kode JavaScript yang lebih efisien dan terstruktur.