Τι κάνουν οι τροποποιητές optional (?) και readonly;

Question

Accepted Answer

Αυτοί οι τροποποιητές ιδιοτήτων ελέγχουν εάν μια ιδιότητα είναι **απαιτούμενη** και εάν μπορεί να **εκχωρηθεί ξανά**.

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

Μια προαιρετική ιδιότητα έχει τύπο `T | undefined`, επομένως ο μεταγλωττιστής σας αναγκάζει να χειρίζεστε την περίπτωση απουσίας — αποτρέποντας σφάλματα "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` ισχύει μόνο κατά τη σύνταξη (χωρίς επιβολή κατά την εκτέλεση), αλλά τεκμηριώνει και επιβάλλει αναλλοιωτότητα στο σύστημα τύπων, συλλαμβάνοντας τυχαίες μεταλλάξεις.

## Συνδυασμένο και σε μεγάλη κλίμακα

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

## Γιατί αυτό είναι σημαντικό

`?` μοντελοποιεί πραγματικά προαιρετικά δεδομένα και επιβάλλει ασφάλεια null. `readonly` εκφράζει και επιβάλλει αναλλοιωτότητα (ιδανικό για ρυθμίσεις, props και για την αποφυγή τυχαίων state mutations).

Και τα δύο ωθούν τον έλεγχο ορθότητας στον μεταγλωττιστή.

Optional (?)

readonly

Συνδυασμένο και σε μεγάλη κλίμακα

Γιατί αυτό είναι σημαντικό

Optional (`?`)