Fungsi dalam javascript tidak akan dijalankan jika tidak dipanggil terlebih dahulu. Ada beberapa cara untuk memanggil fungsi, kita bisa menggunakan cara tersebut sesuai kebutuhan
Menjalankan Nama Fungsi Secara Langsung
Untuk dapat menjalankan fungsi yang telah dibuat sebelumnya, kita dapat langsung memanggil nama fungsi tersebut dari bagian body manapun dari dokumen html tersebut. Contoh
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>Nama Hari</title> <script> function nama_hari(str){ str=parseInt(str); switch(str){ case 0: text='Minggu';break; case 1: text='Senin';break; case 2: text='Selasa';break; case 3: text='Rabu';break; case 4: text='Kamis';break; case 5: text='Jumat';break; case 6: text='Sabtu';break; } document.write(text); } </script> </head> <body> Sekarang adalah hari: <script> nama_hari("<?php echo date("w");?>") </script> </body> </html>Dalam proses pemanggilan langsung, agar fungsi dapat bekerja dengan baik maka fungsi harus dideklarasikan terlebih dahulu sebelum dipanggil melalui tag body
Menulis jendela. nama fungsi()
Memanggil fungsi dengan menuliskan window sebelum nama fungsi sebenarnya sama saja dengan memanggil fungsi secara langsung. Penggunaan kata jendela merupakan bentuk eksplisit yang menyatakan bahwa fungsi milik jendela yang menampilkan fungsi html. Berikut adalah contoh pemanggilan fungsi dengan menyebutkan nama jendela
Jadikan sebagai Tautan
Pemanggilan suatu fungsi melalui link pada dasarnya merupakan salah satu bentuk event yaitu event klik, yang umumnya ditulis dengan onClick pada sebuah tombol. Namun kali ini kita tidak menggunakan event onClick melainkan menggunakan nilai dari link (href) yang merupakan fungsi javascript. Berikut adalah contoh penggunaannya
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>Nama Hari</title> <script> function nama_hari(str){ str=parseInt(str); switch(str){ case 0: text='Minggu';break; case 1: text='Senin';break; case 2: text='Selasa';break; case 3: text='Rabu';break; case 4: text='Kamis';break; case 5: text='Jumat';break; case 6: text='Sabtu';break; } alert(text); } </script> </head> <body> <a href="javascript:nama_hari('<?php echo date("w");?>')">Klik disini</a> untuk menampilkan hari sekarang: </body> </html>Sebagai reaksi dari suatu peristiwa
Javascript dikenal sebagai bahasa pemrograman event reaction atau bahasa yang diprogram untuk dapat memberikan aksi jika ada event pada objek javascript. Berikut adalah contoh penggunaan event untuk memanggil fungsi dari javascript
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>Nama Hari</title> <script> function nama_hari(str){ str=parseInt(str); switch(str){ case 0: text='Minggu';break; case 1: text='Senin';break; case 2: text='Selasa';break; case 3: text='Rabu';break; case 4: text='Kamis';break; case 5: text='Jumat';break; case 6: text='Sabtu';break; } alert(text); } </script> </head> <body> Klik tombol hari untuk menampilkan nama hari<br> <button onClick="nama_hari('<?php echo date("w");?>')">Hari</button> </body> </html>Skrip di atas menunjukkan bahwa fungsi day_name akan berjalan ketika tombol yang memberikan klik genap ditekan
Dalam JavaScript, suatu Fungsi dapat bertindak sebagai Objek, yang memiliki metode dan properti, seperti Fungsi. argumen, Fungsi. panjang, Fungsi. panggilan() atau Fungsi. berlaku(). Pada artikel kali ini saya akan membahas 4 cara untuk memanggil suatu fungsi (Invocation Function)
Ada 4 cara untuk memanggil suatu fungsi, yaitu. dipanggil sebagai fungsi normal, disebut sebagai metode, disebut sebagai fungsi konstruktor dan dipanggil dengan fungsi metode (Panggil dan Terapkan)
1. Fungsi disebut fungsi normal
Pemanggilan ini adalah pemanggilan suatu fungsi secara umum, dengan menyebutkan nama fungsi tersebut
2. Fungsi disebut sebagai metode
JavaScript adalah bahasa yang sangat fleksibel, kita dapat menyimpan fungsi dalam variabel atau objek. Untuk memanggil suatu fungsi dalam suatu objek (sebagai metode), caranya adalah seperti di bawah ini
3. Fungsi disebut sebagai konstruktor
Dalam konsep Objek, konstruktor adalah metode paling pertama dan akan selalu dieksekusi saat objek dipanggil. Suatu fungsi dapat dipanggil seperti konstruktor
4. Suatu fungsi dipanggil disertai dengan metode fungsi (Call, Apply atau Bind)
Call, Apply dan Bind adalah beberapa metode yang dimiliki oleh fungsi, yang berfungsi untuk memanggil suatu fungsi dengan suatu argumen, argumen pertama adalah nama objek yang akan diikat dan argumen kedua dan seterusnya adalah data yang dimasukkan ke dalam fungsi