Belajar JavaScript Dasar Lengkap
Menggunakan Fungsi Dalam JavaScript
Belajar javascript dasar lengkap untuk pemula – Fungsi adalah sekelompok kode yang dapat digunakan kembali yang dapat dipanggil di mana saja dalam program. Fungsi dapat membantu meminimalkan penulisan kode yang sama berulang kali. Fungsi membantu programmer dalam menulis kode modular. Fungsi / Function adalah satu blok kode yang melakukan tugas tertentu atau satu blok instruksi yang di eksekusi ketika dipanggil dari bagian lain dalam suatu program.
Seperti bahasa pemrograman tingkat lanjut lainnya, JavaScript juga mendukung semua fitur yang diperlukan untuk menulis kode modular menggunakan fungsi. Anda pasti pernah melihat fungsi seperti alert() dan write() di bab-bab sebelumnya.
JavaScript memungkinkan kita untuk menulis fungsi kita sendiri juga. Bagian ini menjelaskan cara menulis fungsi dalam JavaScript.
<script type="text/javascript">
function functionname(parameter-list)
{
statements
}
</script>
Cara memanggil fungsi JavaScript
Untuk memanggil suatu fungsi dalam skrip, anda hanya perlu menulis nama fungsi itu seperti yang ditunjukkan pada kode berikut.
<html>
<head>
<script type="text/javascript">
function sayHello()
{
document.write ("Hello there!");
}
</script>
</head>
<body>
<p>Click the following button to call the function</p>
<form>
<input type="button" onclick="sayHello()" value="Say Hello">
</form>
<p>Use different text in write method and then try...</p>
</body>
</html>
Cara menggunakan parameter fungsi dalam JavaScript
Terkadang ada juga terdapat fungsi tanpa parameter, tetapi ada fasilitas untuk melewatkan parameter yang berbeda saat memanggil suatu fungsi. Parameter yang dilewatkan ini dapat ditangkap di dalam fungsi dan manipulasi apa pun dapat dilakukan pada parameter tersebut.
Suatu fungsi dapat mengambil beberapa parameter yang dipisahkan dengan koma.
Contoh berikut merupakan fungsi yang telah di modifikasi, fungsi sayHello memerlukan dua parameter yaitu name dan age.
<html>
<head>
<script type="text/javascript">
function sayHello(name, age)
{
document.write (name + " is " + age + " years old.");
}
</script>
</head>
<body>
<p>Click the following button to call the function</p>
<form>
<input type="button" onclick="sayHello('Zara', 7)" value="Say Hello">
</form>
<p>Use different parameters inside the function and then try...</p>
</body>
</html>
Return Statement JavaScript
Fungsi JavaScript dapat memiliki pernyataan pengembalian opsional. Ini diperlukan jika Anda ingin mengembalikan nilai dari suatu fungsi. Pernyataan ini harus menjadi pernyataan terakhir dalam suatu fungsi.
Misalnya, Anda dapat melewatkan dua angka dalam suatu fungsi dan kemudian Anda dapat mengharapkan fungsi tersebut mengembalikan perkaliannya dalam program panggilan Anda.
<html>
<head>
<script type="text/javascript">
function concatenate(first, last)
{
var full;
full = first + last;
return full;
}
function secondFunction()
{
var result;
result = concatenate('Zara', 'Ali');
document.write (result );
}
</script>
</head>
Nested Function
Fungsi bersarang (Nested Function) adalah fungsi yang didefinisikan di dalam fungsi lain. Fungsi bersarang ini dapat mengakses variabel dari scope (lingkup) fungsi pembungkusnya.
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Functions</h2>
<p>A function can access variables defined inside the function:</p>
<p id="demo"></p>
<script>
myFunction();
function myFunction() {
let a = 4;
document.getElementById("demo").innerHTML = a * a;
}
</script>
</body>
</html>
Sumber :
- Abdul Qadir, 2013, From Zero to A Pro Javascript & Jquery, Andi Yogyakarta
- Tutorials point, 2015, JavaScript Language Tutorials Point, E-book,com
- www.w3bai.com
