fungsi JavaScript
Contoh
Deklarasikan fungsi yang menampilkan "Hello World" saat dipanggil:
// Declare a function
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World!";
}
// Call the function
myFunction();
Lebih banyak contoh di bawah ini.
Definisi dan Penggunaan
Pernyataan function
tersebut mendeklarasikan sebuah fungsi.
Fungsi yang dideklarasikan "disimpan untuk digunakan nanti", dan akan dieksekusi nanti, ketika dipanggil (dipanggil).
Dalam JavaScript, fungsi adalah objek, dan mereka memiliki properti dan metode.
Sebuah fungsi juga dapat didefinisikan menggunakan ekspresi (Lihat Definisi Fungsi ).
Baca Tutorial JavaScript kami untuk mempelajari semua yang perlu Anda ketahui tentang fungsi. Mulailah dengan bab pendahuluan tentang Fungsi JavaScript dan Lingkup JavaScript . Untuk informasi lebih rinci, lihat Bagian Fungsi kami tentang Definisi Fungsi , Parameter , Doa dan Penutupan .
Lihat juga:
Sintaksis
function functionName(parameters) {
code to be executed
}
Parameter
Parameter | Description |
functionName | Required. The name of the function. Naming rules: same as JavaScript variables. |
parameters | Optional. A set of arguments (parameter names), separated by commas. The arguments are real values received by the function from the outside. Inside the function, the arguments are used as local variables. If a function is called with a missing argument, the value of the missing argument is set to undefined . |
Lebih Banyak Contoh
Kembalikan nilai PI:
function myFunction() {
return Math.PI;
}
Mengembalikan produk dari a dan b:
function myFunction(a, b) {
return a * b;
}
Sebuah fungsi dengan argumen yang berbeda dapat menghasilkan hasil yang berbeda.
Konversi Fahrenheit ke Celcius:
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
Fungsi dapat digunakan sebagai variabel.
Dari pada:
temp = toCelsius(32);
text = "The temperature is " + temp + " Centigrade";
Kamu dapat memakai:
text = "The temperature is " + toCelsius(32) + " Centigrade";
Fungsi JavaScript memiliki objek bawaan yang disebut argumen.
Properti argument.length mengembalikan jumlah argumen yang diterima oleh fungsi:
function myFunction(a, b) {
return arguments.length;
}
Klik untuk memanggil fungsi yang menampilkan "Hello World":
<button onclick="myFunction()">Click me</button>
<p id="demo"></p>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World";
}
</script>
Ketika ekspresi fungsi disimpan dalam variabel, variabel berisi fungsi:
const x = function (a, b) {return a * b};
Ketika suatu fungsi disimpan dalam variabel, variabel tersebut dapat digunakan sebagai fungsi:
const x = function (a, b) {return a * b};
let z = x(4, 3);
Halaman Terkait
Tutorial JavaScript: Fungsi JavaScript
Tutorial JavaScript: Lingkup JavaScript
Tutorial JavaScript: Definisi Fungsi JavaScript
Tutorial JavaScript: Parameter Fungsi JavaScript
Tutorial JavaScript: Pemanggilan Fungsi JavaScript
Tutorial JavaScript: Penutupan Fungsi JavaScript
Referensi JavaScript: Pernyataan pengembalian JavaScript
Dukungan Peramban
function
adalah fitur ECMAScript1 (ES1).
ES1 (JavaScript 1997) didukung penuh di semua browser:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |