Cara Memanggil Fungsi JavaScript
Fungsi dalam JavaScript adalah blok kode yang dapat digunakan kembali untuk melakukan tugas tertentu. Untuk menjalankan kode yang terdapat di dalam fungsi, kita perlu memanggilnya. Berikut adalah cara memanggil fungsi JavaScript:
1. Memanggil Fungsi dengan Nama Fungsi
Cara paling sederhana untuk memanggil fungsi adalah dengan menuliskan nama fungsinya diikuti dengan tanda kurung (). Contoh:
function sayHello() {
console.log("Hello World!");
}
sayHello(); // Memanggil fungsi sayHello()
Kode di atas akan mencetak "Hello World!" ke konsol.
2. Memanggil Fungsi dengan Parameter
Fungsi dapat menerima parameter, yang merupakan nilai yang dikirimkan ke fungsi saat dipanggil. Parameter dideklarasikan dalam tanda kurung () setelah nama fungsi, dan dapat digunakan di dalam fungsi. Contoh:
function greet(name) {
console.log("Hello " + name + "!");
}
greet("John"); // Memanggil fungsi greet dengan parameter "John"
Kode di atas akan mencetak "Hello John!" ke konsol.
3. Memanggil Fungsi sebagai Event Handler
Fungsi dapat dipanggil sebagai event handler, yang dijalankan saat terjadi event tertentu, seperti klik tombol atau saat halaman dimuat. Contoh:
Kode di atas akan mencetak "Hello World!" ke konsol saat tombol diklik.
4. Memanggil Fungsi dari Fungsi Lain
Fungsi dapat memanggil fungsi lain. Ini berguna untuk memecah kode menjadi bagian-bagian yang lebih kecil dan lebih mudah dikelola. Contoh:
function sayHello() {
console.log("Hello");
}
function greet(name) {
sayHello(); // Memanggil fungsi sayHello()
console.log(" " + name + "!");
}
greet("John"); // Memanggil fungsi greet
Kode di atas akan mencetak "Hello John!" ke konsol.
5. Memanggil Fungsi secara Anonim
Fungsi anonim adalah fungsi yang tidak memiliki nama. Fungsi ini dapat dibuat dan dipanggil secara langsung dalam satu baris kode. Contoh:
(function() {
console.log("Hello World!");
})();
Kode di atas akan mencetak "Hello World!" ke konsol.
Kesimpulan
Memanggil fungsi JavaScript adalah hal yang penting untuk menjalankan kode yang terdapat di dalam fungsi. Ada beberapa cara untuk memanggil fungsi, mulai dari memanggil fungsi secara langsung hingga memanggilnya sebagai event handler. Pilih cara yang paling sesuai dengan kebutuhan Anda.