Belajar JavaScript : Functions

posted in: Tutorial Pemrograman | 0

Sebuah fungsi adalah sekelompok kode yang dapat digunakan kembali yang dapat dipakai di manapun dalam program Anda.

Function Definition

Sebelum kita menggunakan fungsi, kita perlu mendefinisikanya. Cara yang paling umum untuk mendefinisikan fungsi dalam JavaScript adalah dengan menggunakan keyword function, diikuti dengan nama fungsi yang unik, daftar parameter (yang mungkin kosong), dan blok pernyataan dikelilingi oleh kurung kurawal.

Syntax

Sintaks dasar yang ditampilkan di sini


<script type="text/javascript">
<!--
function functionname(parameter-list)
{
statements
}
//-->
</script>

Contoh

Contoh berikut ini mendefinisikan sebuah fungsi sayHello yang tidak mengambil parameter


<script type="text/javascript">
<!--
function sayHello()
{
alert("Hello there");
}
//-->
</script>

Memanggil Function

Untuk memanggil fungsi di suatu tempat kemudian di script, Anda hanya perlu untuk menulis nama fungsi yang 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>

Function Parameters and Return

Sebuah fungsi JavaScript dapat memiliki pernyataan return yang bersifat opsional. Hal ini diperlukan jika Anda ingin mengembalikan nilai dari fungsi (fungsi menghasilkan nilai). Pernyataan return harus menjadi pernyataan terakhir dalam suatu fungsi.


<strong></strong><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>

<body>
<p>Click the following button to call the function</p>

<form>
<input type="button" onclick="secondFunction()" value="Call Function">
</form>

<p>Use different parameters inside the function and then try...</p>

</body>
</html>

 

Leave a Reply