Tutorial asas menggunakan fungsi JavaScript_Pengetahuan asas

Fungsi ialah set kod boleh guna semula yang boleh dipanggil di mana-mana dalam atur cara. Ini menghapuskan keperluan untuk menulis kod yang sama berulang kali. Ini akan membantu pengaturcara menulis kod modular. Anda boleh membahagikan program besar kepada beberapa ciri kecil dan boleh diurus.

Seperti mana-mana bahasa pengaturcaraan peringkat tinggi yang lain, JavaScript menyokong semua ciri yang diperlukan untuk menulis kod modular menggunakan fungsi.

Anda mesti pernah melihat fungsi alert() dan write() dalam bab sebelumnya. Kami menggunakan ciri ini berulang kali, tetapi ia telah ditulis dalam JavaScript teras sekali sahaja.

JavaScript membolehkan kami menulis fungsi kami sendiri, dan bahagian ini akan memperkenalkan cara menulis fungsi kami sendiri dalam JavaScript.
Takrifan fungsi:

Kami menggunakan fungsi sebelum ini, jadi kami perlu menentukan fungsi. Cara paling biasa untuk melayakkan fungsi dalam JavaScript adalah dengan menggunakan kata kunci fungsi, diikuti dengan nama fungsi unik, senarai argumen (mungkin kosong) dan blok pernyataan yang dikelilingi oleh pendakap. Sintaks asas adalah seperti berikut:

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

Contoh:

Fungsi mudah yang tidak mengambil parameter yang dipanggil sayHello ditakrifkan di sini:

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

Panggil fungsi:

Untuk memanggil fungsi dalam skrip, anda hanya perlu menulis nama fungsi seperti berikut:

<script type="text/javascript">
<!--
sayHello();
//-->
</script>

Parameter fungsi:

Setakat ini kita telah melihat bahawa fungsi tidak mengambil parameter. Tetapi terdapat kemudahan untuk lulus parameter yang berbeza semasa memanggil fungsi. Apa-apa sahaja yang boleh dilakukan dengan parameter ini boleh ditangkap dan diproses di dalam fungsi.

Sesuatu fungsi boleh mempunyai berbilang argumen yang dipisahkan dengan koma.
Contoh:

Mari buat beberapa perubahan pada fungsi sayHello. Kali ini, ia memerlukan dua parameter:

<script type="text/javascript">
<!--
function sayHello(name, age)
{
  alert( name + " is " + age + " years old.");
}
//-->
</script>

Nota: Kami menggunakan operator untuk menggabungkan kedua-dua rentetan dan nombor bersama-sama. JavaScript tidak keberatan nombor ditambah rentetan.

Sekarang, kita boleh memanggil fungsi ini seperti berikut:

<script type="text/javascript">
<!--
sayHello('Zara', 7 );
//-->
</script>

kenyataan pulangan:

Fungsi JavaScript boleh mempunyai pernyataan pulangan pilihan. Ini diperlukan jika anda ingin mengembalikan nilai daripada fungsi. Pernyataan ini sepatutnya menjadi pernyataan terakhir fungsi.

Sebagai contoh, anda boleh menghantar dua argumen berangka kepada fungsi, kemudian anda boleh mengharapkan untuk mengembalikan nilai berganda dalam program panggilan daripada fungsi.
Contoh:

Fungsi ini mempunyai dua parameter, yang digabungkan dalam program panggilan untuk mengembalikan hasil:

<script type="text/javascript">
<!--
function concatenate(first, last)
{
  var full;

  full = first + last;
  return full;
}
//-->
</script>

Sekarang, kita boleh memanggil fungsi ini seperti berikut:

<script type="text/javascript">
<!--
  var result;
  result = concatenate('Zara', 'Ali');
  alert(result );
//-->
</script>