fungsi JavaScript


Fungsi ialah blok kod dipacu peristiwa atau boleh guna semula yang dilaksanakan apabila ia dipanggil.

Instance

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
alert("Hello World!");
}
</script>
</head>

<body>
<button onclick="myFunction()">Try it</button>
</body>
</html>

Run Instance»

Klik butang "Run Instance" untuk melihat contoh dalam talian

Sintaks fungsi JavaScript

Fungsi ialah blok kod yang dibalut dengan pendakap kerinting, didahului oleh fungsi kata kunci:

fungsi nama fungsi ()
{
Laksanakan kod
}

Apabila fungsi ini dipanggil, kod dalam fungsi akan dilaksanakan.

Fungsi boleh dipanggil terus apabila peristiwa berlaku (seperti apabila pengguna mengklik butang) dan boleh dipanggil dari mana-mana sahaja oleh JavaScript.

lampJavaScript 对大小写敏感。关键词 function 必须是小写的，并且必须以与函数名称相同的大小写来调用函数。

Memanggil fungsi dengan parameter

Apabila anda memanggil fungsi, anda boleh menghantar nilainya, yang dipanggil parameter.

Parameter ini boleh digunakan dalam fungsi.

Anda boleh menghantar seberapa banyak parameter yang anda mahu, dipisahkan dengan koma (,):

myFunction(argument1,argument2)

Apabila anda mengisytiharkan fungsi, sila isytiharkan parameter sebagai pembolehubah:

function myFunction( var1,var2)
{
kod
}

Pembolehubah dan parameter mesti muncul dalam susunan yang konsisten. Pembolehubah pertama ialah nilai yang diberikan bagi parameter pertama yang diluluskan, dan seterusnya.

Instance

<!DOCTYPE html>
<html>	
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<p>点击这个按钮，来调用带参数的函数。</p>
<button onclick="myFunction('Harry Potter','Wizard')">点击这里</button>
<script>
function myFunction(name,job){
	alert("Welcome " + name + ", the " + job);
}
</script>

</body>
</html>

Run Instance»

Klik butang "Run Instance" untuk melihat contoh dalam talian

Fungsi di atas akan menggesa "Selamat Datang Harry Potter, Wizard" apabila butang diklik. Fungsi

adalah fleksibel, anda boleh memanggil fungsi dengan parameter berbeza, yang akan memberikan mesej berbeza:

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<p>请点击其中的一个按钮，来调用带参数的函数。</p>
<button onclick="myFunction('Harry Potter','Wizard')">点击这里</button>
<button onclick="myFunction('Bob','Builder')">点击这里</button>
<script>
function myFunction(name,job)
{
	alert("Welcome " + name + ", the " + job);
}
</script>

</body>
</html>

Jalankan Instance»

Klik butang "Run Instance" untuk melihat contoh dalam talian

Bergantung pada butang yang anda klik, contoh di atas akan menggesa "Welcome Harry Potter" , Wizard" atau "Selamat Datang Bob, Pembina".

Fungsi dengan nilai pulangan

Kadangkala, kita mahukan fungsi untuk mengembalikan nilai ke tempat ia dipanggil.

Ini boleh dicapai dengan menggunakan penyata pulangan.

Apabila menggunakan pernyataan pulangan, fungsi menghentikan pelaksanaan dan mengembalikan nilai yang ditentukan.

Sintaks

fungsi myFunction()
{
var x=5;
kembalikan x;
}

Fungsi di atas akan mengembalikan nilai 5.

Nota: Keseluruhan JavaScript tidak menghentikan pelaksanaan, hanya fungsinya. JavaScript akan terus melaksanakan kod dari tempat fungsi itu dipanggil.

Panggilan fungsi akan digantikan dengan nilai pulangan:

     var myVar=myFunction();

Nilai pembolehubah myVar ialah 5, iaitu nilai yang dikembalikan oleh fungsi "myFunction()".

Anda boleh menggunakan nilai pulangan walaupun tanpa menyimpannya sebagai pembolehubah:

document.getElementById("demo").innerHTML=myFunction();

InnerHTML elemen "demo" akan menjadi 5, iaitu nilai yang dikembalikan oleh fungsi "myFunction()".

Anda boleh mendasarkan nilai pulangan pada parameter yang dihantar ke dalam fungsi:

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<p>本例调用的函数会执行一个计算，然后返回结果：</p>
<p id="demo"></p>
<script>
function myFunction(a,b){
	return a*b;
}
document.getElementById("demo").innerHTML=myFunction(4,3);
</script>

</body>
</html>

Jalankan contoh »

Klik butang "Jalankan contoh" untuk melihat contoh dalam talian

Anda juga boleh menggunakan kenyataan pulangan apabila anda hanya mahu keluar dari fungsi. Nilai pulangan adalah pilihan: 

function myFunction(a,b)
{
	if (a>b)
	{
		return;
	}
	x=a+b
}

Jika a lebih besar daripada b, kod di atas akan keluar dari fungsi dan tidak mengira jumlah a dan b.

Pembolehubah JavaScript Tempatan

Pembolehubah yang diisytiharkan dalam fungsi JavaScript (menggunakan var) ialah pembolehubah setempat, jadi ia hanya boleh diakses di dalam fungsi. (Skop pembolehubah ini adalah setempat).

Anda boleh menggunakan pembolehubah tempatan dengan nama yang sama dalam fungsi yang berbeza, kerana hanya fungsi di mana pembolehubah diisytiharkan akan mengenali pembolehubah.

Pembolehubah setempat akan dipadamkan sebaik sahaja fungsi selesai.

Pembolehubah JavaScript Global

Pembolehubah yang diisytiharkan di luar fungsi ialah pembolehubah global dan boleh diakses oleh semua skrip dan fungsi pada halaman web.

Seumur hidup pembolehubah JavaScript

Hayat pembolehubah JavaScript bermula dari masa ia diisytiharkan.

Pembolehubah setempat akan dipadamkan selepas fungsi dijalankan.

Pembolehubah global akan dipadamkan selepas halaman ditutup.

Menetapkan nilai kepada pembolehubah JavaScript yang tidak diisytiharkan

Jika anda memberikan nilai kepada pembolehubah yang belum diisytiharkan lagi, pembolehubah tersebut akan diisytiharkan secara automatik sebagai pembolehubah global.

Pernyataan ini:

carname="Volvo";

akan mengisytiharkan carname pembolehubah global walaupun ia dilaksanakan di dalam fungsi.