Membuat Function Di JavaScript

Fungsi atau function di javascript adalah sebuah blok kode yang digunakan untuk membungkus suatu proses dengan tujuan agar penulisan kode atau proses yang sama tidak ditulis secara berulang kali. Di tutorial kali ini kita akan coba membuat function di javascript.

Selain itu dengan membuat function di javascript lebih memudahkan kita ketika ingin mengembangkan sebuah proses, apabila ada perubahan pada proses maka kita tidak perlu mengubah satu-per-satu.

Penulisan function di javascript

Function bisa memiliki parameter bisa juga tidak memiliki parameter, parameter ini digunakan untuk menentukan proses yang ingin dijalankan, sesuai dengan kebutuhan kode program kita.

Berikut ini contoh cara membuat function di javascript dalam bentu pseudo-code.

function namaFungsi(parameter1, parameter2) {
       // Kode yang ingin dieksekusi
}Code language: JavaScript (javascript)

Contoh fungsi bawaan javascript seperti console.log(), window.alert(), dan lain sebagainya, berikut ini adalah contoh penulisan function secara sintaks di javascript.

Didalam contoh sintaks function dibawah ini penulis membuat 2 parameter yaitu p1 dan p2 untuk melakukan penjumlahan antara p1 dan p2.

<html>
<head>
	<script type="text/javascript">
		function hitung(p1, p2) {
			return p1+p2;
		}

		console.log(hitung(5,5));
	</script>
</head>
</html>Code language: HTML, XML (xml)

Hasilnya..

Membuat function di javascript

Fungsi diatas adalah proses penjumlahan sederhana, bisa dibayangkan apabila kita memiliki banyak proses yang sama dengan menulis kode yang sama dengan cara berulang kali. Bagi sebagian orang mungkin hal tersebut tidak masalah, tapi apabila sudah mengalami masalah dengan proses tersebut maka kita harus mengecek satu persatu kode yang sama dengan masalah yang sama.

Selain penulisan function dengan cara diatas, anda juga bisa menggunakan anonymous function dengan cara dideklarasikan terlebih dahulu dengan variabel.

var hitung = function(p1, p2) {
	return p1+p2;
}Code language: JavaScript (javascript)

Cara diatas sama dengan cara penulisan sebelumnya, hanya saja dideklarasikan dengan variabel terlebih dahulu.

Variabel Lokal

Variabel yang dideklarasikan didalam function akan menjadi variabel lokal dan hanya dapat diakses didalam function tersebut, berikut ini adalah sintaks sebagai gambaran penggunaan variabel lokal.

// Varibel namaBuah tidak bisa diakses disini

function buah() {
	var namaBuah = 'Apel';
	// Varibel namaBuah bisa diakses disini
}
		
// Varibel namaBuah tidak bisa diakses disiniCode language: JavaScript (javascript)

Kurang lebih seperti itulah penggunaan function di javascript, semoga artikel ini bermanfaat untuk kita.

Komentar

Selamat, anda berkesempatan menjadi komentator pertama di artikel ini. Punya pertanyaan atau saran? Silahkan tinggalkan komentar untuk memulai diskusi.
Terima kasih telah memilih untuk meninggalkan komentar. Harap diingat bahwa semua komentar dimoderasi sesuai dengan kebijakan, dan informasi anda TIDAK akan dipublikasikan. Harap JANGAN gunakan kata kunci di kolom nama. Mari kita buat diskusi yang menarik dan bermakna.

Tinggalkan komentar

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.