Apakah fungsi?
Fungsi ialah satu set blok kod yang boleh digunakan semula Dalam JavaScript, fungsi didorong oleh peristiwa atau dipanggil oleh kod lain.
Fungsi ialah salah satu teras bahasa JavaScript Sintaks asasnya adalah seperti berikut:
function functionName(arg0, arg1, ...) {
pernyataan<🎜. >}
Tafsiran sintaks
Gunakan kata kunci fungsi untuk mentakrifkan fungsi
Kata kunci fungsi diikuti oleh ruang diikuti dengan nama fungsi
Selepas nama fungsi Adakah sepasang kurungan kecil, arg0, arg1 mewakili parameter fungsi, dan parameter dipisahkan dengan "," Bilangan parameter boleh 0-25 (0 bermakna tiada parameter ). Apabila tiada parameter, kurungan () tidak boleh ditinggalkan Parameter yang melebihi 25 akan diabaikan oleh JavaScript
{} ialah badan fungsi, yang mengandungi pernyataan fungsi yang akan dilaksanakan oleh fungsi
.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script type="text/javascript">
function hello(name){
document.write(name + "，你好！");
}
</script>
</head>
<body>
<input type="button" onclick="hello('小明')" value="确定" />
</body>
</html>Penamaan fungsi JavaScript
Secara amnya, kami mengesyorkan menggunakan penamaan kes unta untuk nama fungsi, dan nama fungsi secara kasar boleh menerangkan fungsi atau ciri-ciri fungsi. Kaedah kes unta bermaksud bahawa aksara pertama ialah huruf kecil dan huruf pertama perkataan lain adalah dengan huruf besar Berikut adalah beberapa contoh penamaan fungsi:
function changeName(){ ...
}
function getAgeByInput(){
...
}
Ramai orang juga menggunakan garis bawah untuk memisahkan perkataan dalam nama fungsi, seperti change_name, yang juga OK , pelaksanaan sebenar boleh berdasarkan spesifikasi projek tertentu.
Khususnya, simbol _ (seperti _getName) ditambahkan sebelum fungsi, yang biasanya digunakan untuk mewakili kaedah peribadi kelas (objek).
Pembolehubah dalam fungsi JavaScript
Jika pembolehubah diisytiharkan dalam badan fungsi, ia hanya boleh diakses dalam fungsi itu. Dengan cara ini anda boleh menggunakan pembolehubah dengan nama yang sama dalam fungsi yang berbeza.
Jika pembolehubah diisytiharkan di luar fungsi, ia boleh diakses oleh semua fungsi pada halaman web.
Parameter fungsi JavaScript
Fungsi JavaScript dibenarkan untuk tidak mempunyai parameter (tetapi kurungan yang mengandungi parameter tidak boleh ditinggalkan), dan parameter juga boleh dihantar ke fungsi untuk digunakan oleh fungsi tersebut.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script type="text/javascript">
function hello(name,age){
document.write("我叫" + name + "，今年" + age + "岁！");
}
</script>
</head>
<body>
<input type="button" onclick="hello('小明',18)" value="确定" />
</body>
</html>Jalankan contoh, klik butang OK, outputnya ialah:
Nama saya Xiao Ming, saya berumur 18 tahun!
Seperti yang ditunjukkan dalam contoh di atas, apabila nilai masuk ialah rentetan, tanda petikan diperlukan apabila nilai masuk ialah nombor, tiada tanda petikan diperlukan.
Ralat parameter fungsi JavaScript
Parameter fungsi JavaScript tidak memerlukan parameter mana yang diperlukan parameter dan parameter mana yang menjadi parameter pilihan, jadi Nombor parameter yang diluluskan tidak dibenarkan sama dengan bilangan parameter semasa mentakrifkan fungsi.
Jika parameter tidak ditentukan digunakan dalam fungsi, ralat sintaks (parameter tidak ditentukan) akan digesa dan kod JavaScript tidak akan berjalan seperti biasa.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script type="text/javascript">
function hello(name,age){
document.write("我叫" + name + "，今年" + age + "岁！");
}
</script>
</head>
<body>
<input type="button" onclick="hello('小明')" value="确定" />
</body>
</html>Jalankan contoh, klik butang OK, dan outputnya ialah:
Nama saya Xiao Ming, dan saya tidak pasti tahun ini!
JavaScript pulangan fungsi
Penyataan pulangan fungsi JavaScript digunakan untuk menentukan nilai yang dikembalikan daripada fungsi. Apabila fungsi dijalankan, untuk mendapatkan hasil yang sedang berjalan, anda perlu menggunakan pernyataan pulangan untuk mengembalikan hasilnya.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<script type="text/javascript">
function sum(x,y){
return x+y;
}
result = sum(2,3);
document.write( result );
</script>
</head>
<body>
</body>
</html>Jalankan contoh output ini: 5
Pulangan pernyataan tanpa nilai pulangan
Jika fungsi tidak mengembalikan apa-apa nilai, kemudian anda boleh memanggil operator pemulangan tanpa parameter dan keluar dari fungsi pada bila-bila masa:
<script type="text/javascript">
function sum(x,y) {
jika( x<y ){
kembalikan; 🎜>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 di web halaman itu.
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 tidak diisytiharkan, pembolehubah itu akan secara automatik diisytiharkan sebagai pembolehubah global.
Pernyataan ini:
carname="Volvo";
akan mengisytiharkan carname pembolehubah global walaupun ia dilaksanakan di dalam fungsi.
bahagian seterusnya
