Fungsi Atau Method JavaScript
Fungsi adalah salah satu bagian yang paling penting dari JavaScript.
Sebagai bahasa fungsional JavaScript mengimplementasikan fungsi kelas
pertama (first class function). Fungsi dapat disimpan dalam
variabel, dikembalikan oleh fungsi lain, dan dikirimkan sebagai argumen
untuk fungsi lainnya. Implementasi fungsi yang sangat fleksibel seperti
ini membuka banyak kesempatan kepada pengembang untuk menuliskan kode
yang bukan hanya berjalan dengan baik, tetapi juga sangat elegan dan
indah.
Sebuah fungsi merangkum satu atau banyak perintah. Setiap kali kita
memanggil fungsi, maka perintah-perintah yang ada didalam fungsi
tersebut dijalankan. Secara umum fungsi digunakan untuk penggunaan
kembali kode (code reuse) dan penyimpanan informasi (information hiding).
Implementasi fungsi kelas pertama juga memungkinkan kita menggunakan
fungsi sebagai unit-unit yang dapat dikombinasikan, seperti layaknya
sebuah lego. Dukungan terhadap pemrograman berorientasi objek juga
berarti fungsi dapat kita gunakan untuk memberikan perilaku tertentu
dari sebuah objek.
Dalam sudut pandang tertentu, kita bahkan dapat mengatakan bahwa
intisari dari pemrograman adalah mengubah atau menguraikan kebutuhan
pengguna menjadi fungsi dan struktur data. Oke, cukup untuk berbicara
tentang cinta penulis terhadap fungsi. Sekarang mari kita lihat langsung
kenapa dan apakah fungsi benar-benar seperti yang diceritakan oleh penulis.
Mendefinisikan Function
Berikut sintak untuk mendefinisikan sebuah function dalam JavaScript :
function nama_fungsi (var1,var2, ... , var3){statment program}
Function JavaScript
Berikut contoh penggunaan function pada program JavaScript :
<html>
<head>
<title> Function / Method </title>
<script type="text/javascript">
function salam ( )
{
alert ("Assalamualaikum Brother!..");
}
</script>
</head>
<!-- Website Complete Coding Blogspot -->
<body>
<form>
<input type="button" value="Click me!" onclick="salam ( )" />
</form>
</body>
</html>
Function Dengan Argumen
Berikut contoh function dengan argumen :
<html>
<head>
<title> Function Atau Method </title>
<script type="text/javascript">
function helloTeman(txt)
{
alert (txt);
}
</script>
</head>
<!-- Website Complete Coding Blogspot -->
<body>
<form>
<input type="button" onClick="helloTeman('Hello Teman')" value="OK">
</form>
<!-- Website Complete Coding Blogspot -->
<p>
Dengan menekan tombol OK di atas, fungsi helloTeman akan
dipanggil dengan parameter "Hello Teman". Fungsi alert
akan ditampilkan.
</p>
</body>
</html>
Function Statment Return
Sebuah fungsi dapat mengendalikan sebuah nilai atau object. Keyword return digunakan untuk mengembalikan nilai yang diinginkan.
Berikut contoh fungsi JavaScript yang mengembalikan nilai :
<html>
<head>
<title> Function Atau Method </title>
<script type="text/javascript">
function jumlah(a,b)
{
return a * b;
}
</script>
</head>
<!-- Website Complete Coding Blogspot -->
<body>
<script type="text/javascript">
document.write(jumlah(4,3));
</script>
</body>
</html>
Silahkan anda coba ketikan semua coding di atas dan terapkan sama persis contoh yang ada di atas, agar kalian mengetahui semua masing-masing dari function atau method. Belajar memahami dengan mengetik lebih bagus, bisa belajar sambil mengingatnya dengan baik semua function tersebut.
thanks gan sudah share infonya
BalasHapusPapan reparasi