Fungsi JavaScript dan Ekspresi Fungsi (dengan Contoh)

Dalam tutorial ini, Anda akan belajar tentang fungsi JavaScript dan ekspresi fungsi dengan bantuan contoh.

Fungsi JavaScript

Fungsi adalah blok kode yang melakukan tugas tertentu.

Misalkan Anda perlu membuat program untuk membuat lingkaran dan mewarnainya. Anda dapat membuat dua fungsi untuk mengatasi masalah ini:

  • sebuah fungsi untuk menggambar lingkaran
  • sebuah fungsi untuk mewarnai lingkaran

Membagi masalah yang kompleks menjadi bagian-bagian yang lebih kecil membuat program Anda mudah dipahami dan dapat digunakan kembali.

JavaScript juga memiliki sejumlah besar fungsi bawaan. Misalnya, Math.sqrt()adalah fungsi untuk menghitung akar kuadrat dari sebuah bilangan.

Dalam tutorial ini, Anda akan belajar tentang fungsi yang ditentukan pengguna.

Mendeklarasikan Fungsi

Sintaks untuk mendeklarasikan suatu fungsi adalah:

 function nameOfFunction () ( // function body )
  • Sebuah fungsi dideklarasikan menggunakan functionkata kunci.
  • Aturan dasar penamaan fungsi mirip dengan penamaan variabel. Lebih baik menulis nama deskriptif untuk fungsi Anda. Misalnya, jika suatu fungsi digunakan untuk menambahkan dua angka, Anda bisa memberi nama fungsi addatau addNumbers.
  • Tubuh fungsi tertulis di dalam ().

Sebagai contoh,

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

Memanggil Fungsi

Dalam program di atas, kami telah mendeklarasikan fungsi bernama greet(). Untuk menggunakan fungsi itu, kita perlu memanggilnya.

Inilah cara Anda memanggil greet()fungsi di atas .

 // function call greet();
Bekerja dari sebuah Fungsi di JavaScript

Contoh 1: Menampilkan Teks

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

Keluaran

 Halo yang disana!

Parameter Fungsi

Sebuah fungsi juga bisa dideklarasikan dengan parameter. Parameter adalah nilai yang diteruskan saat mendeklarasikan fungsi.

Bekerja dari 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);

Keluaran

 Masukkan nama: Simon Hello Simon :)

Dalam program di atas, greetfungsinya dideklarasikan dengan nameparameter. Pengguna diminta untuk memasukkan nama. Kemudian ketika fungsi dipanggil, argumen dilewatkan ke dalam fungsi tersebut.

Catatan : Ketika nilai diteruskan saat mendeklarasikan fungsi, itu disebut parameter . Dan ketika fungsinya dipanggil, nilai yang diteruskan disebut argumen .

Contoh 3: Tambahkan Dua Angka

 // 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);

Keluaran

 7 11

In the above program, the add function is used to find the sum of two numbers.

  • The function is declared with two parameters a and b.
  • The function is called using its name and passing two arguments 3 and 4 in one and 2 and 9 in another.

Notice that you can call a function as many times as you want. You can write one function and then call it multiple times with different arguments.

Function Return

The return statement can be used to return the value to a function call.

The return statement denotes that the function has ended. Any code after return is not executed.

If nothing is returned, the function returns an undefined value.

Bekerja dari Fungsi JavaScript dengan pernyataan return

Contoh 4: Jumlah Dua Angka

 // 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);

Keluaran

 Masukkan angka pertama: 3.4 Masukkan angka kedua: 4 Jumlahnya 7.4

Dalam program di atas, jumlah angka dikembalikan oleh fungsi menggunakan returnpernyataan. Dan nilai itu disimpan dalam variabel hasil.

Manfaat Menggunakan Fungsi

  • Fungsi membuat kode dapat digunakan kembali. Anda dapat mendeklarasikannya sekali dan menggunakannya beberapa kali.
  • Fungsi membuat program lebih mudah karena setiap tugas kecil dibagi menjadi satu fungsi.
  • Fungsi meningkatkan keterbacaan.

Ekspresi 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);

Keluaran

 16 9

Dalam program di atas, variabel x digunakan untuk menyimpan fungsi. Di sini fungsi tersebut diperlakukan sebagai ekspresi. Dan fungsinya dipanggil menggunakan nama variabel.

Fungsi di atas disebut fungsi anonim.

Catatan: Di ES2015, ekspresi JavaScript ditulis sebagai fungsi panah. Anda akan mempelajarinya di tutorial selanjutnya.

Artikel yang menarik...