Fungsi Javascript
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
}
{
some code
}
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>
<html>
<head>
<script>
function myFunction()
{
alert(“Hello World!”);
}
</script>
</head><body>
<button onclick=” myFunction() ”>Try it</button>
</body>
</html>
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 )
function myFunction( var1 , var2 )
{
some code
}
{
some code
}
Contoh
<button onclick=”myFunction( ’Harry Potter’ , ’Wizard’ )”>Try it</button><script>
function myFunction( name , job )
{
alert(“Welcome ” + name + “, the ” + job );
}
</script>
function myFunction( name , job )
{
alert(“Welcome ” + name + “, the ” + job );
}
</script>
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>
<button onclick=”myFunction( ’Bob’ , ’Builder’ )”>Try it</button>
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;
}
{
var x=5;
return x;
}
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();
Anda juga dapat menggunakan returnValue tanpa menyimpannya sebagai variabel:
document.getElementById(“demo”).innerHTML=myFunction();
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:{
return a*b;
}document.getElementById(“demo”).innerHTML=myFunction(4,3);
12
function myFunction(a,b)
{
if (a>b)
{
return;
}
x=a+b
}
{
if (a>b)
{
return;
}
x=a+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”;
http://armegvirtual.wordpress.com/javascript/fungsi-javascript/
0 komentar:
Posting Komentar