Rabu, 09 Oktober 2013

Fungsi Javascript

Fungsi Javascript

Fungsi adalah sebuah blok kode yang mengeksekusi hanya bila Anda mengatakan itu untuk mengeksekusi.
Hal ini dapat terjadi ketika sebuah peristiwa, seperti ketika pengguna mengklik tombol, atau dari panggilan dalam naskah Anda, atau dari panggilan dalam fungsi lain.
Fungsi dapat ditempatkan baik di head dan di bagian <body> dokumen, pastikan bahwa fungsi ada, ketika panggilan dilakukan.

Cara Menentukan Fungsi

Sintaksis

function functionname ()
{
some code
}
The {dan} mendefinisikan awal dan akhir fungsi.
Catatan: Jangan lupa tentang pentingnya kapital dalam JavaScript! Fungsi kata harus ditulis dalam huruf kecil, jika terjadi kesalahan JavaScript! Juga ingat bahwa Anda harus memanggil fungsi dengan ibukota yang sama persis seperti dalam nama fungsi.

Fungsi JavaScript Contoh

Contoh

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
alert(“Hello World!”);
}
</script>
</head><body>
<button onclick=” myFunction() ”>Try it</button>
</body>
</html>


Fungsi ini dijalankan ketika pengguna mengklik tombol.
Anda akan belajar lebih banyak tentang peristiwa JavaScript dalam bab Acara JS.

Memanggil Fungsi dengan Argumen

Ketika Anda memanggil fungsi, Anda dapat menyampaikan beberapa nilai untuk itu, nilai-nilai ini disebut argumen atau parameter.
Argumen ini dapat digunakan dalam fungsi.
Anda dapat mengirim sebagai argumen sebanyak yang Anda suka, dipisahkan dengan tanda koma (,)
myFunction( argument1,argument2 )
Menyatakan argumen, sebagai variabel, ketika Anda menyatakan fungsi:
function myFunction( var1 , var2 )
{
some code
}
Variabel dan argumen harus dalam urutan yang diharapkan. Variabel pertama diberi nilai argumen berlalu pertama dll

Contoh

<button onclick=”myFunction( ’Harry Potter’ , ’Wizard’ )”>Try it</button><script>
function myFunction( name , job )
{
alert(“Welcome ” + name + “, the ” + job );
}
</script>


Fungsi di atas akan mengingatkan “Welcome Harry Potter, Wizard” ketika tombol diklik.
Fungsi yang fleksibel, Anda dapat memanggil fungsi menggunakan argumen yang berbeda, dan pesan selamat datang yang berbeda akan diberikan:

Contoh

<button onclick=”myFunction( ’Harry Potter’ , ’Wizard’ )”>Try it</button>
<button onclick=”myFunction( ’Bob’ , ’Builder’ )”>Try it</button>


Contoh di atas akan mengingatkan “Welcome Harry Potter, Wizard” atau “Selamat datang Bob, Builder” tergantung pada tombol diklik.

Fungsi Dengan Nilai Kembali

Kadang-kadang Anda ingin fungsi Anda untuk mengembalikan nilai kembali ke tempat panggilan itu dibuat.
Hal ini dimungkinkan dengan menggunakan pernyataan return.
Bila menggunakan pernyataan kembali, fungsi akan berhenti mengeksekusi, dan mengembalikan nilai tertentu.

Sintaksis

function myFunction()
{
var x=5;
return x;
}
Fungsi di atas akan mengembalikan nilai 5.
Catatan: Ini bukan JavaScript keseluruhan yang akan menghentikan eksekusi, hanya fungsi.JavaScript akan terus mengeksekusi kode, di mana fungsi-panggilan terbuat dari.
Fungsi-panggilan akan diganti dengan returnValue:
var myVar=myFunction();
The myVar variabel memegang nilai 5, yang adalah apa fungsi “myFunction ()” kembali.
Anda juga dapat menggunakan returnValue tanpa menyimpannya sebagai variabel:
document.getElementById(“demo”).innerHTML=myFunction();
InnerHTML dari elemen “demo” akan menjadi 5, yang adalah apa fungsi “myFunction ()” kembali.
Anda dapat membuat returnValue berdasarkan argumen dilewatkan ke fungsi:

Contoh

Hitung produk dari dua angka, dan mengembalikan hasilnya:
function myFunction(a,b)
{
return a*b;
}document.getElementById(“demo”).innerHTML=myFunction(4,3);
InnerHTML dari elemen “demo” akan menjadi:
12
Pernyataan return juga digunakan ketika Anda hanya ingin keluar dari fungsi. Nilai kembali adalah opsional:
function myFunction(a,b)
{
if (a>b)
{
return;
}
x=a+b
}
Fungsi di atas akan keluar dari fungsi jika a> b, dan tidak akan menghitung jumlah a dan b.

Lokal JavaScript Variabel

Sebuah variabel dideklarasikan (menggunakan var) dalam fungsi JavaScript menjadi LOKAL dan hanya dapat diakses dari dalam fungsi itu. (Variabel memiliki ruang lingkup lokal).
Anda dapat memiliki variabel lokal dengan nama yang sama dalam fungsi yang berbeda, karena variabel lokal hanya diakui oleh fungsi di mana mereka dinyatakan.
Variabel lokal akan dihapus segera setelah fungsi selesai.

Variabel global JavaScript

Variabel yang dideklarasikan di luar fungsi, menjadi GLOBAL, dan semua script dan fungsi pada halaman web dapat mengaksesnya.

The Lifetime dari Variabel JavaScript

Umur JavaScript variabel dimulai ketika mereka dinyatakan.
Variabel lokal akan dihapus ketika fungsi selesai.
Variabel global akan dihapus bila Anda menutup halaman tersebut.

Menentukan Nilai Variabel JavaScript undeclared

Jika Anda menetapkan nilai ke variabel yang belum dideklarasikan, variabel secara otomatis akan dinyatakan sebagai variabel GLOBAL.
Pernyataan ini:
carname=”Volvo”;
akan mendeklarasikan carname variabel sebagai variabel global, bahkan jika itu dijalankan dalam fungsi.

http://armegvirtual.wordpress.com/javascript/fungsi-javascript/

0 komentar:

Posting Komentar

Lhuna'Rigusna

Lhuna'Rigusna

Followers