Lompati ke konten utama
Modul 4 · Pelajaran 1 dari 413/32 dalam kursus~10 min
Pelajaran modul (1/4)

Mendeklarasikan suatu fungsi

Fungsi adalah potongan kode yang dapat digunakan kembali dan Anda beri nama. Anda menyebutnya dengan meneruskan argumen, ia menjalankan tubuhnya dan dapat mengembalikan nilai dengan return.

Deklarasi klasik

Bentuk paling umum adalah deklarasi fungsi:

JS
function saluta(nome) {
  return `Ciao, ${nome}!`;
}

saluta('Anna'); // 'Ciao, Anna!'
saluta('Marco'); // 'Ciao, Marco!'

Hal yang perlu diperhatikan:

  • nome adalah parameter (variabel lokal ke fungsi).
  • 'Anna' adalah argumen (nilai yang diteruskan pada waktu panggilan).
  • Tanpa return, fungsi akan mengembalikan undefined.

Ekspresi fungsi

Fungsi di JS adalah nilai: fungsi tersebut dapat ditetapkan ke variabel.

JS
const quadrato = function (n) {
  return n * n;
};

quadrato(4); // 16

Kedua bentuk ini hampir setara, dengan satu perbedaan penting:

  • deklarasi fungsi "diangkat": Anda dapat memanggilnya bahkan sebelum baris yang muncul dalam kode.
  • ekspresi fungsi mengikuti aturan const/let: hanya ada setelah penugasan.

Tidak ada return yang eksplisit

JS
function logga(msg) {
  console.log(`[LOG] ${msg}`);
  // no return → the function returns undefined
}

const r = logga('ciao'); // prints "[LOG] ciao"
r; // undefined

Cobalah

Latihan#js.m4.l1.e1
Upaya: 0Memuat…

Deklarasikan fungsi `sapa(nama)` yang mengembalikan string `Ciao, <nama>!`. Lalu panggil dengan 'Anna' dan gunakan hasilnya sebagai ekspresi terakhir.

Memuat editor…
Tunjukkan petunjuk

fungsi salam(nama) { kembali ... }

Solusi tersedia setelah 3 upaya

Tinjau latihan

Latihan#js.m4.l1.e2
Upaya: 0Memuat…

Tulis ekspresi fungsi `double` yang, jika diberi angka, akan mengembalikan dobelnya. Sebut saja dengan 7 sebagai ekspresi terakhir (diharapkan 14).

Memuat editor…
Tunjukkan petunjuk

const double = fungsi (n) { kembali ... };

Solusi tersedia setelah 3 upaya