Membuat Function di Javascript – Halo semuanya di tutorial kali ini kita akan belajar cara membuat function di javascript, di dunia pemrograman, function di gunakan untuk membuat suatu perintah yang nantinya dapat digunakan secara berulang dengan memanggilnya, sehingga tidak perlu menulis ulang. Fungsi di dalam Javascript memiliki properti dan juga method, maka function juga bisa dibilang adalah sebuah objek.
Sintaks Fungsi JavaScript
Function pada JavaScript di definisikan dengan keyword function, di ikuti dengan nama, dan tanda kurung (). Nama function dapat berisi huruf, angka, underscore, dan tanda dolar. Tanda kurung juga memungkinkan untuk menyertakan nama parameter yang di pisahkan dengan koma (parameter 1, parameter 2, parameter 3 dll) Kode yang akan di jalankan oleh fungsi di tempatkan di dalam tanda kurung kurawal {}
function namaFungsi(p1, p2, p3){
//kode program yang akan di eksekusi
}Cara Membuat function di Javascript
1. Membuat function di Javascript dengan Cara Biasa
Pengunaan function ini paling sering di pakai, terutama bagi yang masih baru belajar Javascript.
function fungsi_contoh()
{
console.log("Halo selamat datang di website adinyahya.com!");
}Contoh penerapan dalam program sederhana :
2. Membuat function di Javascript dengan Ekspresi
Pada cara ini dengan menggunakan variabel, setelah itu di isi dengan function. function ini sebenarnya adalah fungsi anonim (anonymous function) atau fungsi tanpa nama.
var fungsi_contoh = function()
{
console.log("Halo selamat datang di website adinyahya.com!");
}3. Membuat function di Javascript dengan Tanda Panah
Function ini mulai muncul pada standar ES6. Cara membuat function ini hampir sama dengan yang menggunakan ekspresi. Bedanya, kita menggunakan tanda panah (=>) sebagai ganti function.
var fungsi_contoh = () =>
{
console.log("Halo selamat datang di website adinyahya.com!");
}4. Membuat function di Javascript dengan Konstruktor
Pada cara ini kurang di rekomendasikan, karena body function nya di buat dalam bentuk string yang dapat mempengaruhi kinerja engine javascript. Selain itu, cara ini juga tidak di sarankan oleh Developer Mozilla. Jadi bagi yang baru belajar, sebaiknya pakai cara yang pertama terlebih dahulu.
var namaFungsi = new Function('console.log("Halo selamat datang di website adinyahya.com!");');Contoh Penerapan Function Return
Saat JavaScript me return, fungsi tersebut akan berhenti di jalankan.
Jika fungsi dipanggil dari sebuah statement, JavaScript akan kembali (return) untuk mengeksekusi kode setelah statement pemanggilan.
Fungsi sering menghitung nilai return. Nilai yang dikembalikan “return” kembali ke pemangil.
Contoh:
<!DOCTYPE html>
<html>
<body>
<h2>Penerapan Function Return pada JavaScript</h2>
<p>Penerapan fungsi dengan melakukan kalkulasi dan return (mengembalikan) hasilnya</p>
<p id="contoh1"></p>
<script>
var kali = fungsi_contoh(25, 4);
document.getElementById("contoh1").innerHTML = kali;
function fungsi_contoh(p1, p2) {
return p1 * p2;
}
</script>
</body>
</html>Contoh Penerapan Variabel Lokal
Variabel yang di deklarasikan dalam fungsi JavaScript akan menjadi variabel LOKAL untuk fungsi tersebut.
Variabel lokal hanya dapat diakses dari dalam fungsi.
Contoh:
<!DOCTYPE html>
<html>
<body>
<h2>Penerapan Function Variabel Lokal pada JavaScript</h2>
<p>Di luar Function_Var() Variabel_Name tidak di tentukan.</p>
<p id="contoh_1"></p>
<p id="contoh_2"></p>
<script>
Function_Var();
function Function_Var() {
var Variabel_Name = "Adin";
document.getElementById("contoh_1").innerHTML =
typeof Variabel_Name + " " + Variabel_Name;
}
document.getElementById("contoh_2").innerHTML =
typeof Variabel_Name;
</script>
</body>
</html>
Demikian tutorial mengenai Membuat Function di Javascript, semoga bermanfaat ya 😁
Baca Juga :
- Type data JavaScript
- Membuat kode di JavaScript
- Operator Aritmatika di Javascript
- Function di Javascript
- Event di Javascript
- String Pada Javascript
- Menampilkan Tanggal dengan Javascript
- Switch Case pada Javascript
- Perulangan For Pada Javascript
- Manipulasi String Pada Javascript
- Array Method pada JavaScript
- Belajar Bahasa Pemrograman Javascript
Beli Hosting Murah di Domainesia
