functions.md

Back to Home

Functions

Apabila kita memiliki beberapa baris kode program yang sering kita gunakan, maka terdapat dua cara untuk menggunakannya:

1. Melakukan copy-paste baris kode program tersebut setiap kali kita memerlukannya.
2. Membuat sebuah function untuk "membungkus" kode program tersebut. Setiap saat kita memerlukan kode program tersebut, kita hanya perlu memanggil function yang telah kita buat sebelumnya.

Function merupakan kode program yang dikelompokkan menjadi satu bagian. Beberapa keuntungan dari penggunaan function adalah sebagai berikut:

• Kita tetap menganut prinsip DRY (Don't Repeat Yourself), sehingga human error akan diminimalisir.
• Ukuran kode program akan lebih kecil.
• Lebih mudah untuk melakukan debug.

Syntax

function namaFunction(parameter) {
  // Kode program
}

parameter bersifat opsional.

Pseudocode

BEGIN penambahan
  DISPLAY 10 + 5
END penambahan

INVOKE(penambahan)

Example

function penambahan() {
  console.log(10 + 5);
}

penambahan();

Nama Function

Penamaan function pada JavaScript memiliki convention yang sama dengan penamaan variable:

• Hanya dapat menggunakan huruf, angka, _ dan $.
• Menggunakan camelCase seperti: reverseString, getMedian, getAverage, dst. (best practice)
• Tidak dapat menggunakan reserved keywords, yaitu kata yang sudah digunakan oleh JavaScript seperti: let, var, const, class, dll.
• Tidak dapat diawali dengan angka.
• Tidak dapat menggunakan space.

Parameters dan Argument

Apabila sebuah function kita deklarasikan dengan sebuah parameter, kita dapat memanggil function tersebut dengan argument.

// Membuat sebuah function penambahan dengan a dan b sebagai parameter.
function penambahan(a, b) {
  console.log(a + b);
}

// Memanggil function penambahan dengan argument 10 dan 5.
// 10 akan dikenali oleh function penambahan sebagai a.
// 5 akan dikenali oleh function penambahan sebagai b.
penambahan(10, 5);

Salah satu tujuan dari parameter adalah agar kode program dalam function menjadi dinamis. Kita dapat membuat kode program dalam function bekerja sesuai dengan argument saat kita memanggil function tersebut.

Parameter pada pseudocode dapat dituliskan dengan PASS IN: parameter1, parameter2.

Default Parameters

Parameter function dapat diberi nilai default. Nilai tersebut akan digunakan apabila pada pemanggilan function kita tidak menyertakan nilai sebagai argument.

function penambahan(a = 10, b = 5) {
  console.log(a + b);
}

penambahan(); // 15
penambahan(1, 2); // 3

Karena nilai argument selalu dibaca dari kiri ke kanan sesuai dengan urutan parameter, maka parameter dengan nilai default selalu dituliskan di akhir. Contoh kasus apabila default parameter tidak diletakkan di akhir adalah seperti kode program di bawah.

function tampilkan(x = 1, y) {
  console.log(x, y);
}

tampilkan();   // 1 undefined
tampilkan(2);  // 2 undefined

Return

Sebuah function dapat memberikan nilai kembalian (return). return dapat digunakan jika kita hendak melakukan proses lebih lanjut terhadap data yang telah diolah oleh function.

function penambahan(a, b) {
  let hasil = a + b;
  return hasil;
}

function perkalian(a, b) {
  let hasil = a * b;
  return hasil;
}

console.log(perkalian(penambahan(2, 3), penambahan(1, 2)));

Pada contoh kode program di atas, return dari function penambahan digunakan sebagai argument pemanggilan function perkalian. Kita tidak dapat menggunakan hasil dari function penambahan sebagai argument pemanggilan function perkalian jika kita mengganti return hasil dengan console.log(hasil).

• Apabila eksekusi kode program pada function menemukan statement return, maka proses eksekusi function akan berhenti.
• Sebuah function hanya dapat me-return sebuah value saja.

Return pada pseudocode dapat dituliskan dengan PASS OUT: returnValue.

Scope Function

• Parameter yang disertakan saat proses deklarasi function hanya akan dikenali di dalam scope function itu saja.

  function penambahan(a, b) {
    return a + b;
  }
  penambahan(10, 5);
  console.log(a); // ReferenceError: a is not defined

• Variable yang dideklarasikan di dalam function hanya akan dikenali di dalam scope function itu saja.

  function penambahan() {
    let a = 10;
    var b = 5;
    return a + b;
  }
  console.log(a); // ReferenceError: a is not defined
  console.log(b); // ReferenceError: b is not defined

Practices

/**
 * Buatlah sebuah function untuk membalik sebuah input string.
 */

/**
 * PSEUDOCODE
 */

function reverseString(strIn) {
  // Your code here
}

console.log(reverseString("Hello world!"));

/**
 * Buatlah sebuah function untuk menjumlahkan angka genap dari 1 hingga input number.
 */

/**
 * PSEUDOCODE
 */

function sumEven(numIn) {
  // Your code here
}

console.log(sumEven(10)); // 30

Answers

Back to Home