Fungsi JavaScript
Fungsi JavaScript adalah blok kode yang dirancang untuk melakukan tugas tertentu.
Fungsi JavaScript dijalankan ketika "sesuatu" memanggilnya (memanggilnya).
Contoh
function myFunction(p1, p2) {
return p1 * p2;
// The function returns the product of p1 and p2
}
Sintaks Fungsi JavaScript
Fungsi JavaScript didefinisikan dengan function
kata kunci, diikuti dengan nama , diikuti dengan tanda kurung () .
Nama fungsi dapat berisi huruf, angka, garis bawah, dan tanda dolar (aturan yang sama dengan variabel).
Tanda kurung dapat menyertakan nama parameter yang dipisahkan dengan koma:
( parameter1, parameter2, ... )
Kode yang akan dieksekusi, oleh fungsi, ditempatkan di dalam tanda kurung kurawal: {}
function
name(parameter1, parameter2, parameter3) {
// code to be executed
}
Parameter fungsi tercantum di dalam tanda kurung () dalam definisi fungsi.
Argumen fungsi adalah nilai yang diterima oleh fungsi saat dipanggil.
Di dalam fungsi, argumen (parameter) berperilaku sebagai variabel lokal.
Fungsi hampir sama dengan Prosedur atau Subrutin, dalam bahasa pemrograman lain.
Panggilan Fungsi
Kode di dalam fungsi akan dijalankan ketika "sesuatu" memanggil (memanggil) fungsi:
- Ketika suatu peristiwa terjadi (ketika pengguna mengklik tombol)
- Ketika dipanggil (dipanggil) dari kode JavaScript
- Secara otomatis (dipanggil sendiri)
Anda akan belajar lebih banyak tentang pemanggilan fungsi nanti dalam tutorial ini.
Pengembalian Fungsi
Ketika JavaScript mencapai return
pernyataan, fungsi akan berhenti dijalankan.
Jika fungsi dipanggil dari pernyataan, JavaScript akan "kembali" untuk mengeksekusi kode setelah pernyataan pemanggilan.
Fungsi sering menghitung nilai kembalian . Nilai pengembalian "dikembalikan" kembali ke "pemanggil":
Contoh
Hitung produk dari dua angka, dan kembalikan hasilnya:
let x = myFunction(4, 3); // Function is called, return value will end up in x
function myFunction(a, b) {
return a * b;
// Function returns the product of a and b
}
Hasil x menjadi:
12
Mengapa Fungsi?
Anda dapat menggunakan kembali kode: Tentukan kode sekali, dan gunakan berkali-kali.
Anda dapat menggunakan kode yang sama berkali-kali dengan argumen yang berbeda, untuk menghasilkan hasil yang berbeda.
Contoh
Konversi Fahrenheit ke Celcius:
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius(77);
Operator () Memanggil Fungsi
Menggunakan contoh di atas, toCelsius
mengacu pada objek fungsi, dan
toCelsius()
mengacu pada hasil fungsi.
Mengakses fungsi tanpa () akan mengembalikan objek fungsi alih-alih hasil fungsi.
Contoh
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius;
Fungsi yang Digunakan sebagai Nilai Variabel
Fungsi dapat digunakan dengan cara yang sama seperti Anda menggunakan variabel, dalam semua jenis rumus, penetapan, dan penghitungan.
Contoh
Alih-alih menggunakan variabel untuk menyimpan nilai kembalian suatu fungsi:
let x = toCelsius(77);
let text = "The temperature is " + x + " Celsius";
Anda dapat menggunakan fungsi secara langsung, sebagai nilai variabel:
let text = "The temperature is " + toCelsius(77) + " Celsius";
Anda akan belajar lebih banyak tentang fungsi nanti dalam tutorial ini.
Variabel Lokal
Variabel yang dideklarasikan dalam fungsi JavaScript, menjadi LOKAL untuk fungsi tersebut.
Variabel lokal hanya dapat diakses dari dalam fungsi.
Contoh
// code here can NOT use carName
function myFunction() {
let carName = "Volvo";
// code here CAN use carName
}
// code here can NOT use carName
Karena variabel lokal hanya dikenali di dalam fungsinya, variabel dengan nama yang sama dapat digunakan dalam fungsi yang berbeda.
Variabel lokal dibuat saat fungsi dimulai, dan dihapus saat fungsi selesai.