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
function
kata 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
add
atauaddNumbers
. - 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();
![](https://cdn.wiki-base.com/2139378/javascript_function_and_function_expressions_with_examples.png.webp)
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.
![](https://cdn.wiki-base.com/2139378/javascript_function_and_function_expressions_with_examples_2.png.webp)
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, greet
fungsi dinyatakan dengan name
parameter. 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, add
fungsi digunakan untuk mencari jumlah dua nombor.
- Fungsi dinyatakan dengan dua parameter
a
danb
. - 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 return
kenyataan boleh digunakan untuk mengembalikan nilai untuk panggilan fungsi.
The return
kenyataan menunjukkan bahawa majlis itu telah berakhir. Sebarang kod selepas return
tidak dilaksanakan.
Sekiranya tidak ada yang dikembalikan, fungsi mengembalikan undefined
nilai.
![](https://cdn.wiki-base.com/2139378/javascript_function_and_function_expressions_with_examples_3.png.webp)
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 return
penyataan. 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.