İsteğe bağlı (?) ve readonly değiştiricileri ne yapar?

Question

IT Interview Practice · Accepted Answer

Bu özellik değiştiricileri bir özelliğin **gerekli** olup olmadığını ve **yeniden atanıp** atanmayacağını kontrol eder.

## İsteğe bağlı (`?`)

```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
}
```

İsteğe bağlı bir özellik `T | undefined` türüne sahiptir, bu nedenle derleyici sizi eksik durumu işlemeye zorlar — "cannot read property of undefined" hatalarını önler.

## 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` yalnızca derleme zamanıdır (çalışma zamanı uygulaması yok), ancak tür sisteminde değişmezliği belgeler ve zorunlu kılar, istenmeyen mutasyonları yakalar.

## Birleşik ve ölçekte

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

## Neden önemli

`?` gerçekten isteğe bağlı verileri modellemesini ve null-güvenliği zorunlu kılar; `readonly` değişmezliği ifade eder ve zorunlu kılar (yapılandırma, props ve istenmeyen durum mutasyonunu önlemek için harika).

Her ikisi de doğruluk kontrolünü derleyiciye iter.

İsteğe bağlı (?)

readonly

Birleşik ve ölçekte

Neden önemli

İlgili sorular

İsteğe bağlı (`?`)