Apa yang dilakukan oleh modifikasi optional (?) dan readonly?

Question

Accepted Answer

Modifikasi properti ini mengontrol apakah properti **wajib** dan apakah dapat **ditetapkan kembali**.

## Optional (`?`)

```ts
interface User {
  name: string;
  email?: string; // optional — may be absent
}

const a: User = { name: "Ann" };               // ✅ email omitted
const b: User = { name: "Bo", email: "b@x" };  // ✅ included

function f(u: User) {
  u.email.length;   // ❌ Error: email is possibly 'undefined'
  u.email?.length;  // ✅ optional chaining handles the maybe-undefined
}
```

Sifat opsional memiliki tipe `T | undefined`, jadi kompiler memaksa Anda menangani kasus yang tidak ada — mencegah bug "cannot read property of undefined".

## readonly

```ts
interface Point { readonly x: number; readonly y: number; }
const p: Point = { x: 1, y: 2 };
p.x = 5; // ❌ Error: cannot assign to readonly property

// arrays too
const nums: readonly number[] = [1, 2, 3];
nums.push(4); // ❌ push doesn't exist on readonly array
```

`readonly` hanya berlaku pada waktu kompilasi (tanpa penegakan saat runtime), tetapi mendokumentasikan dan menegakkan immutability dalam sistem tipe, menangkap mutasi yang tidak disengaja.

## Combined and at scale

```ts
interface Config { readonly id: string; tags?: readonly string[]; }
type Frozen = Readonly<User>; // utility type makes ALL props readonly
```

## Mengapa ini penting

`?` memodelkan data yang benar-benar opsional dan memaksa keamanan null; `readonly` mengekspresikan dan menegakkan immutability (bagus untuk config, props, dan mencegah mutasi status yang tidak disengaja).

Keduanya mendorong pemeriksaan kebenaran ke dalam kompiler.

Optional (?)

readonly

Combined and at scale

Mengapa ini penting

Optional (`?`)