Sebuah fungsi JavaScript dijalankan ketika "sesuatu" memanggil itu (menyebutnya).
Contoh :
hasilnya sebagai berikut :<!DOCTYPE html>
<html>
<body>
<p name="name">Ahmad Rizal Nurhadi</p>
<p id="demo"></p>
<script>
function myFunction(a, b, c, d) {
return a * (b - d) / c;
}
document.getElementById("demo").innerHTML = myFunction(4, 3, 1, 2);
</script>
</body>
</html>
Function Syntax Java Script
Sebuah fungsi JavaScript didefinisikan dengan fungsi kata kunci, diikuti dengan nama, diikuti dengan tanda kurung (). Nama fungsi dapat berisi huruf, angka, garis bawah, dan tanda dolar (aturan yang sama sebagai variabel). Tanda kurung dapat mencakup nama parameter dipisahkan dengan koma: (parameter1, parameter2, ...)
Kode akan dieksekusi, berdasarkan fungsi, ditempatkan di dalam kurung kurawal: " {} ".
functionName ( parameter1, parameter2, parameter3 ) {Parameter fungsi adalah nama-nama yang tercantum dalam definisi fungsi.
kode yang akan dieksekusi
}
Argumen fungsi adalah nilai-nilai riil yang diterima oleh fungsi ketika dipanggil.Di dalam fungsi, argumen yang digunakan sebagai variabel lokal.
Sebuah Fungsi adalah sama sebagai Prosedur atau subroutine, dalam bahasa pemrograman lain.Java Script Invocation
Kode di dalam fungsi akan mengeksekusi ketika "sesuatu" memanggil (panggilan) fungsi:
- Ketika suatu peristiwa terjadi (bila pengguna mengklik tombol)
- Ketika dipanggil (disebut) dari kode JavaScript
- Secara otomatis (self dipanggil)
Ketika JavaScript mencapai pernyataan kembali, fungsi akan berhenti mengeksekusi. Jika fungsi itu dipanggil dari sebuah pernyataan, JavaScript akan "kembali" untuk mengeksekusi kode setelah pernyataan invoking. Fungsi sering menghitung nilai kembali. Nilai kembali adalah "dikembalikan" kembali ke "pemanggil":
Contoh :
Hitung produk dari dua angka, dan mengembalikan hasil :
<!DOCTYPE html>Hasilnya Seperti berikut :
<html>
<body>
<p>Ahmad Rizal Nurhadi</p>
<p id="hasil"></p>
<script>
function myFunction(a, b) {
return a * b;
}
document.getElementById("hasil").innerHTML = myFunction(4, 4);
</script>
</body>
</html>
Mengapa Functions?
Anda dapat menggunakan kembali kode: Tentukan kode sekali, dan menggunakannya berkali-kali. Anda dapat menggunakan yang sama kali kode banyak dengan argumen yang berbeda, untuk menghasilkan hasil yang berbeda
Contoh :
<!DOCTYPE html>hasilnya sebagai berikut :
<html>
<body>
<p>Ahmad Rizal Nurhadi</p>
<p id="demo"></p>
<script>
function toCelcius(f) {
return (5/9) * (f-32);
}
document.getElementById("demo").innerHTML = toCelcius(36);
</script>
</body>
</html>
Object Function Java Script
Dalam JavaScript, fungsi adalah obyek. Fungsi JavaScript memiliki properti dan metode. Anda dapat menambahkan properti dan metode Anda sendiri untuk fungsi.
Function Variabel Java Script
Dalam JavaScript, fungsi dapat digunakan sebagai variabel:
Contoh :
<!DOCTYPE html>Hasilnya sebagai berikut :
<html>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
"Temperaturnya disini adalah " + toCelsius(50) + " Celcius";
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
</script>
</body>
</html>
Fungsi JavaScript dapat didefinisikan ulang seperti variabel biasa.
Fungsi JavaScript juga dapat dikirimkan sebagai nilai-nilai ke fungsi lain.
Sumber : W3schools
0 komentar:
Posting Komentar