Lewati ke konten

Ringkasan BAB 4

Kamu telah menyelesaikan BAB 4: Function — salah satu bab paling penting dalam seluruh guidebook ini. Function adalah alat yang akan kamu gunakan setiap hari sebagai programmer.


📄 TypeScript
function namaFunction(param: tipe): tipeReturn {
return nilai
}
📄 TypeScript
function cetakSalam(nama: string): void {
console.log(`Halo, ${nama}!`)
}
📄 TypeScript
function f(wajib: string, opsional?: string): void { }
📄 TypeScript
function f(param: string, default1: string = "nilai"): void { }
📄 TypeScript
function f(...angka: number[]): number { }
📄 TypeScript
const fn = function(a: number): number {
return a * 2
}
📄 TypeScript
const fn = (a: number): number => a * 2
const fnMultiline = (a: number): number => {
return a * 2
}

Parameter Argument
Definisi Variabel di definisi function Nilai nyata saat memanggil
Letak Di dalam () saat function Di dalam () saat pemanggilan
Contoh function f(nama: string) f("Andi")

Gaya Sintaks Kapan Dipakai
Named function nama() {} Function utama yang dipanggil berulang
Anonymous const fn = function() {} Disimpan ke variabel, sekali pakai
Arrow const fn = () => {} Ringkas, callback, operasi sederhana

  • return nilai — mengembalikan nilai dan menghentikan function.
  • : void — tidak ada return value.
  • Setiap jalur kode non-void wajib ada return.
  • Bisa ada banyak return (early return) di dalam percabangan.

  • Bisa membuat function dengan function
  • Memahami perbedaan parameter dan argument
  • Bisa membuat function dengan return value
  • Bisa membuat function dengan beberapa parameter
  • Bisa membuat optional parameter dengan ?
  • Bisa membuat default parameter dengan =
  • Bisa membuat rest parameter dengan ...
  • Bisa membuat anonymous function
  • Bisa membuat arrow function dalam berbagai bentuk
  • Memahami konsep callback
  • Memahami local scope vs global scope
  • Menyelesaikan studi kasus sistem nilai
  • Menyelesaikan mini project kalkulator
  • Sudah mencoba 10 challenge

🖥️ Output
1. Mendefinisikan ≠ Memanggil — function harus dipanggil!
2. Tipe wajib cocok — TypeScript menjaga ini
3. Variabel lokal tidak bisa keluar function — gunakan return
4. Optional dan default parameter harus di belakang
5. Arrow function: { return x } = x (implicit return)

🖥️ Output
BAB 1: let nama = "Putra" → variabel menyimpan data
BAB 2: if (nilai >= 75) { ... } → kondisi membuat keputusan
BAB 3: for (const n of arr) { ... }→ loop memproses banyak data
BAB 4: function hitung(a, b) { } → function menyimpan logika

Bersama-sama, empat konsep ini adalah fondasi dari hampir semua program yang pernah dibuat.


Tanpa melihat contoh, buat src/bab4/review-bab4.ts:

  1. Buat function hitungDiskon(harga, persen = 10).
  2. Buat function formatHarga(nominal) yang mengembalikan "Rp[nominal]".
  3. Buat array empat produk dengan nama dan harga.
  4. Gunakan loop + function untuk menampilkan harga asli dan harga diskon setiap produk.
  5. Hitung dan tampilkan total harga setelah diskon.

Function adalah cara berpikir, bukan sekadar sintaks. Setiap kali kamu menemukan kode yang berulang atau logika yang bisa dinamai dengan jelas — buat menjadi function.

Programmer terbaik bukan yang menulis kode paling banyak. Programmer terbaik adalah yang menulis kode paling sedikit dan paling jelas — dengan function.