ਚੋਣਵੀਂ (?) ਅਤੇ readonly ਸੋਧਕ ਕੀ ਕਰਦੇ ਹਨ?

Question

Accepted Answer

ਇਹ ਗੁਣ ਸੋਧਕ ਨਿਯੰਤਰਿਤ ਕਰਦੇ ਹਨ ਕਿ ਕੀ ਇੱਕ ਗੁਣ **ਜ਼ਰੂਰੀ** ਹੈ ਅਤੇ ਕੀ ਇਸ ਨੂੰ **ਦੁਬਾਰਾ ਨਿਰਧਾਰਿਤ** ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ।

## ਚੋਣਵੀਂ (`?`)

```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` ਅਪਰਿਵਰਤਨਸ਼ੀਲਤਾ ਨੂੰ ਪ੍ਰਗਟ ਅਤੇ ਲਾਗੂ ਕਰਦਾ ਹੈ (config, props ਅਤੇ ਅਚੇਤ ਸਟੇਟ ਪਰਿਵਰਤਨ ਨੂੰ ਰੋਕਣ ਲਈ ਸ਼ਾਨਦਾਰ)।

ਦੋਵੇਂ ਕੰਪਾਈਲਰ ਵਿੱਚ ਸਹੀਤਾ ਦੀ ਜਾਂਚ ਨੂੰ ਧੱਕਾ ਦਿੰਦੇ ਹਨ।