Ekspresi Fungsi dan Fungsi JavaScript (dengan Contoh)

Dalam tutorial ini, anda akan belajar mengenai fungsi JavaScript dan ekspresi fungsi dengan bantuan contoh.

Fungsi JavaScript

Fungsi adalah sekatan kod yang melakukan tugas tertentu.

Katakan anda perlu membuat program untuk membuat bulatan dan mewarnainya. Anda boleh membuat dua fungsi untuk menyelesaikan masalah ini:

  • fungsi untuk melukis bulatan
  • fungsi untuk mewarnai bulatan

Membahagi masalah yang kompleks ke dalam potongan yang lebih kecil menjadikan program anda mudah difahami dan dapat digunakan semula.

JavaScript juga mempunyai sebilangan besar fungsi terbina dalam. Sebagai contoh, Math.sqrt()adalah fungsi untuk mengira punca kuasa dua nombor.

Dalam tutorial ini, anda akan belajar mengenai fungsi yang ditentukan pengguna.

Menyatakan Fungsi

Sintaks untuk menyatakan fungsi adalah:

 function nameOfFunction () ( // function body )
  • Fungsi dinyatakan menggunakan functionkata kunci.
  • Peraturan asas penamaan fungsi serupa dengan penamaan pemboleh ubah. Lebih baik menulis nama deskriptif untuk fungsi anda. Sebagai contoh, jika fungsi digunakan untuk menambahkan dua nombor, anda dapat menamakan fungsi tersebut addatau addNumbers.
  • Badan fungsi ditulis dalam ().

Sebagai contoh,

 // declaring a function named greet() function greet() ( console.log("Hello there"); )

Memanggil Fungsi

Dalam program di atas, kami telah menyatakan fungsi yang dinamakan greet(). Untuk menggunakan fungsi itu, kita perlu memanggilnya.

Inilah cara anda memanggil greet()fungsi di atas .

 // function call greet();
Mengendalikan Fungsi dalam JavaScript

Contoh 1: Paparkan Teks

 // program to print a text // declaring a function function greet() ( console.log("Hello there!"); ) // calling the function greet();

Pengeluaran

 Apa khabar di sana!

Parameter Fungsi

Fungsi juga dapat dinyatakan dengan parameter. Parameter adalah nilai yang dilewatkan ketika menyatakan fungsi.

Mengendalikan Fungsi JavaScript dengan parameter

Contoh 2: Fungsi dengan Parameter

 // program to print the text // declaring a function function greet(name) ( console.log("Hello " + name + ":)"); ) // variable name can be different let name = prompt("Enter a name: "); // calling function greet(name);

Pengeluaran

 Masukkan nama: Simon Hello Simon :)

Dalam program di atas, greetfungsi dinyatakan dengan nameparameter. Pengguna diminta memasukkan nama. Kemudian apabila fungsi dipanggil, argumen diteruskan ke fungsi.

Catatan : Ketika nilai diteruskan ketika menyatakan fungsi, itu disebut parameter . Dan apabila fungsi dipanggil, nilai yang dilalui disebut argumen .

Contoh 3: Tambah Dua Nombor

 // program to add two numbers using a function // declaring a function function add(a, b) ( console.log(a + b); ) // calling functions add(3,4); add(2,9);

Pengeluaran

 7 11

Dalam program di atas, addfungsi digunakan untuk mencari jumlah dua nombor.

  • Fungsi dinyatakan dengan dua parameter adan b.
  • Fungsi dipanggil menggunakan namanya dan melewati dua argumen 3 dan 4 dalam satu dan 2 dan 9 yang lain.

Perhatikan bahawa anda boleh memanggil fungsi seberapa banyak yang anda mahukan. Anda boleh menulis satu fungsi dan kemudian memanggilnya berkali-kali dengan argumen yang berbeza.

Pengembalian Fungsi

The returnkenyataan boleh digunakan untuk mengembalikan nilai untuk panggilan fungsi.

The returnkenyataan menunjukkan bahawa majlis itu telah berakhir. Sebarang kod selepas returntidak dilaksanakan.

Sekiranya tidak ada yang dikembalikan, fungsi mengembalikan undefinednilai.

Mengendalikan Fungsi JavaScript dengan penyataan kembali

Contoh 4: Jumlah Dua Nombor

 // program to add two numbers // declaring a function function add(a, b) ( return a + b; ) // take input from the user let number1 = parseFloat(prompt("Enter first number: ")); let number2 = parseFloat(prompt("Enter second number: ")); // calling function let result = add(number1,number2); // display the result console.log("The sum is " + result);

Pengeluaran

 Masukkan nombor pertama: 3.4 Masukkan nombor kedua: 4 Jumlahnya ialah 7.4

Dalam program di atas, jumlah nombor dikembalikan oleh fungsi menggunakan returnpenyataan. Dan nilai itu disimpan dalam pemboleh ubah hasil.

Faedah Menggunakan Fungsi

  • Fungsi menjadikan kod boleh digunakan semula. Anda boleh menyatakannya sekali dan menggunakannya berulang kali.
  • Fungsi menjadikan program lebih mudah kerana setiap tugas kecil dibahagikan kepada fungsi.
  • Fungsi meningkatkan kebolehbacaan.

Ungkapan Fungsi

Dalam Javascript, fungsi juga dapat didefinisikan sebagai ekspresi. Sebagai contoh,

 // program to find the square of a number // function is declared inside the variable let x = function (num) ( return num * num ); console.log(x(4)); // can be used as variable value for other variables let y = x(3); console.log(y);

Pengeluaran

 16 9

Dalam program di atas, pemboleh ubah x digunakan untuk menyimpan fungsi. Di sini fungsi tersebut dianggap sebagai ungkapan. Dan fungsi dipanggil menggunakan nama pemboleh ubah.

Fungsi di atas dipanggil fungsi tanpa nama.

Catatan: Pada ES2015, ekspresi JavaScript ditulis sebagai fungsi anak panah. Anda akan mengetahui tentangnya dalam tutorial kemudian.

Artikel menarik...