TypeScript ਕੀ ਹੈ? ਗ਼ੈਰ-ਡਿਵੈਲਪਰਾਂ ਲਈ ਸਰਲ ਗਾਈਡ

TypeScript ਟਾਈਪਾਂ ਵਾਲਾ JavaScript ਹੈ। ਤੁਸੀਂ ਹਰ ਮੁੱਲ ਦੇ ਲੇਬਲ ਲਗਾਉਂਦੇ ਹੋ ਕਿ ਉਹ ਕਿਸ ਕਿਸਮ ਦਾ ਡੇਟਾ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ — ਇੱਕ ਨੰਬਰ, ਕੁਝ ਲਿਖਤ, ਆਰਡਰਾਂ ਦੀ ਸੂਚੀ — ਅਤੇ TypeScript ਚੱਲਣ ਤੋਂ ਪਹਿਲਾਂ ਤੁਹਾਡੇ ਕੋਡ ਵਿੱਚ ਬੇਮੇਲਤਾਵਾਂ ਜਾਂਚਦਾ ਹੈ। TypeScript ਦੀ ਸਾਈਟ ਇਸਨੂੰ "JavaScript with syntax for types" ਦੱਸਦੀ ਹੈ; ਟਾਈਪਾਂ ਸਾਧਾਰਣ JavaScript ਵਿੱਚ ਬਦਲਣ ਵੇਲੇ ਹਟਾ ਦਿੱਤੀਆਂ ਜਾਂਦੀਆਂ ਹਨ, ਜੋ ਫਿਰ ਹਰ ਥਾਂ ਚੱਲਦਾ ਹੈ ਜਿੱਥੇ JavaScript ਚੱਲਦਾ ਹੈ।

AI ਨਾਲ ਬਣਾਉਂਦੇ ਸਮੇਂ ਇਹ ਕਿਉਂ ਅਹਿਮ ਹੈ

AI ਮਾਡਲ ਤੇਜ਼ੀ ਨਾਲ ਕੋਡ ਲਿਖਦੇ ਹਨ, ਅਤੇ ਤੇਜ਼ ਕੋਡ ਵਿੱਚ ਗਲਤੀਆਂ ਹੁੰਦੀਆਂ ਹਨ: ਇੱਕ ਫ਼ਾਈਲ ਵਿੱਚ customerName ਅਤੇ ਦੂਜੀ ਵਿੱਚ customer_name, ਕੀਮਤ ਨੰਬਰ ਦੀ ਥਾਂ ਲਿਖਤ ਵਜੋਂ ਦੇਣੀ, ਜਾਂ ਫੰਕਸ਼ਨ ਨੂੰ ਬਿਨਾਂ ਕਿਸੇ ਮੁੱਲ ਦੇ ਸੱਦਣਾ। ਸਾਦੇ JavaScript ਵਿੱਚ ਇਹ ਗਲਤੀਆਂ ਅਕਸਰ ਉਦੋਂ ਹੀ ਦਿਖਦੀਆਂ ਹਨ ਜਦੋਂ ਕੋਈ ਗਲਤ ਬਟਨ ਦਬਾਉਂਦਾ ਹੈ।

TypeScript ਇਨ੍ਹਾਂ ਵਿੱਚੋਂ ਬਹੁਤੀਆਂ ਨੂੰ ਲਿਖਣ ਦੇ ਸਮੇਂ ਹੀ ਜਲਦੀ ਫੜ ਲੈਂਦਾ ਹੈ:

• AI ਨੂੰ ਤੁਰੰਤ ਫ਼ੀਡਬੈਕ ਮਿਲਦਾ ਹੈ। ਟਾਈਪ ਗਲਤੀਆਂ ਸਹੀ ਲਾਈਨ ਵੱਲ ਇਸ਼ਾਰਾ ਕਰਦੀਆਂ ਹਨ, ਤਾਂ ਜੋ ਏਜੰਟ ਤੁਹਾਡੇ ਵੇਖਣ ਤੋਂ ਪਹਿਲਾਂ ਉਨ੍ਹਾਂ ਨੂੰ ਠੀਕ ਕਰ ਸਕੇ।
• ਬਦਲਾਅ ਸੁਰੱਖਿਅਤ ਹੁੰਦੇ ਹਨ। ਕੋਈ ਖੇਤਰ ਦਾ ਨਾਮ ਬਦਲੋ, ਤਾਂ TypeScript ਹਰ ਉਸ ਥਾਂ ਨੂੰ ਦੱਸਦਾ ਹੈ ਜੋ ਅਜੇ ਵੀ ਪੁਰਾਣਾ ਨਾਮ ਵਰਤਦੀ ਹੈ।
• ਕੋਡ ਆਪਣੇ ਆਪ ਸਮਝਾਉਂਦਾ ਹੈ। ਟਾਈਪਾਂ ਦੱਸਦੀਆਂ ਹਨ ਕਿ ਕੋਈ ਫੰਕਸ਼ਨ ਕੀ ਲੈਂਦਾ ਅਤੇ ਕੀ ਵਾਪਸ ਕਰਦਾ ਹੈ, ਜੋ ਤੁਹਾਡੇ, AI ਅਤੇ ਬਾਅਦ ਵਿੱਚ ਇਸ ਉੱਤੇ ਕੰਮ ਕਰਨ ਵਾਲੇ ਕਿਸੇ ਵੀ ਡਿਵੈਲਪਰ ਲਈ ਮਦਦਗਾਰ ਹੈ।
• ਐਡੀਟਰ ਹੋਰ ਸਮਝਦਾਰ ਬਣਦੇ ਹਨ। ਆਟੋਕੰਪਲੀਟ ਅਤੇ "go to definition" ਬਿਹਤਰ ਕੰਮ ਕਰਦੇ ਹਨ, ਕਿਉਂਕਿ ਐਡੀਟਰ ਜਾਣਦਾ ਹੈ ਕਿ ਹਰ ਮੁੱਲ ਕੀ ਹੈ।

ਇਹੀ ਇੱਕ ਵੱਡਾ ਕਾਰਨ ਹੈ ਕਿ ਬਹੁਤ ਸਾਰੇ AI ਐਪ ਬਿਲਡਰ ਡਿਫ਼ਾਲਟ ਵਜੋਂ TypeScript ਚੁਣਦੇ ਹਨ।

ਰੋਜ਼ਾਨਾ ਦੀ ਇੱਕ ਮਿਸਾਲ

ਲੇਬਲ ਵਾਲੇ ਬੇਆਂ ਵਾਲੇ ਸ਼ਿਪਿੰਗ ਗੋਦਾਮ ਬਾਰੇ ਸੋਚੋ। ਹਰ ਬੇ ਉੱਤੇ ਇੱਕ ਬੋਰਡ ਹੈ: "ਸਿਰਫ਼ ਪੈਲਟ", "ਫਰਿੱਜ ਵਾਲਾ", "ਵੱਧ ਤੋਂ ਵੱਧ 500 ਕਿਲੋ"। ਜਦੋਂ ਡਿਲੀਵਰੀ ਆਉਂਦੀ ਹੈ, ਦਰਵਾਜ਼ੇ ਉੱਤੇ ਇੱਕ ਜਾਂਚਕਰਤਾ ਸਮਾਨ ਨੂੰ ਬੋਰਡ ਨਾਲ ਮਿਲਾਉਂਦਾ ਹੈ। ਡਰਾਈ-ਗੁੱਡਸ ਬੇ ਲਈ ਆਈ ਜੰਮੀ ਮੱਛੀ ਦਰਵਾਜ਼ੇ ਉੱਤੇ ਰੋਕੀ ਜਾਂਦੀ ਹੈ, ਹਫ਼ਤੇ ਬਾਅਦ ਬਦਬੂ ਆਉਣ ਤੇ ਨਹੀਂ।

TypeScript ਉਹ ਦਰਵਾਜ਼ੇ ਦਾ ਜਾਂਚਕਰਤਾ ਹੈ। ਟਾਈਪ ਬੋਰਡ ਹਨ। ਜਾਂਚ ਉਸ ਸਮਾਨ ਤੋਂ ਪਹਿਲਾਂ ਹੁੰਦੀ ਹੈ — ਤੁਹਾਡਾ ਕੋਡ — ਜੋ ਵਰਤੋਂ ਵਿੱਚ ਜਾਂਦਾ ਹੈ। ਅਤੇ ਸਭ ਕੁਝ ਥਾਂ ਉੱਤੇ ਹੋਣ ਤੋਂ ਬਾਅਦ ਬੋਰਡ ਹਟਾ ਦਿੱਤੇ ਜਾਂਦੇ ਹਨ: ਚੱਲ ਰਹੇ JavaScript ਵਿੱਚ ਕੋਈ ਟਾਈਪ ਨਹੀਂ ਬਚਦੀ।

TypeScript ਕਿਵੇਂ ਕੰਮ ਕਰਦਾ ਹੈ

1. ਤੁਸੀਂ (ਜਾਂ AI) .ts ਜਾਂ .tsx ਫ਼ਾਈਲਾਂ ਲਿਖਦੇ ਹੋ — TypeScript, ਟਾਈਪ ਲੇਬਲਾਂ ਨਾਲ।
2. ਟਾਈਪ ਚੈਕਰ ਕੋਡ ਪੜ੍ਹਦਾ ਹੈ ਅਤੇ ਬੇਮੇਲਤਾਵਾਂ ਨੂੰ ਐਡੀਟਰ ਜਾਂ ਬਿਲਡ ਵਿੱਚ ਗਲਤੀਆਂ ਵਜੋਂ ਦੱਸਦਾ ਹੈ।
3. ਇੱਕ ਬਿਲਡ ਕਦਮ ਟਾਈਪਾਂ ਹਟਾਉਂਦਾ ਹੈ, ਅਤੇ ਸਾਦਾ JavaScript ਬਣਾਉਂਦਾ ਹੈ।
4. JavaScript ਚੱਲਦਾ ਹੈ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਜਾਂ ਸਰਵਰ ਉੱਤੇ (Node.js, Deno, Bun)।

ਇੱਕ ਮਹੱਤਵਪੂਰਨ ਨਤੀਜਾ: TypeScript ਉਹ ਕੋਡ ਜਾਂਚਦਾ ਹੈ ਜੋ ਤੁਸੀਂ ਲਿਖਿਆ ਹੈ, ਉਹ ਡੇਟਾ ਨਹੀਂ ਜੋ ਐਪ ਚੱਲਣ ਦੌਰਾਨ ਆਉਂਦਾ ਹੈ। ਜੇ ਕੋਈ ਬਾਹਰੀ API ਅਣਕਿਆਸੀ ਚੀਜ਼ ਵਾਪਸ ਭੇਜਦਾ ਹੈ, ਤਾਂ ਰਨਟਾਈਮ ਪ੍ਰਮਾਣਿਕਤਾ ਜੋੜਨ ਤੱਕ TypeScript ਇਸਨੂੰ ਨਹੀਂ ਦੇਖ ਸਕਦਾ।

ਇੱਕ ਕੰਮ ਕੀਤੀ ਮਿਸਾਲ: ਇੱਕ ਬੁਕਿੰਗ ਫ਼ਾਰਮ

ਮੰਨ ਲਓ ਤੁਸੀਂ ਕਿਸੇ ਹੇਅਰ ਸੈਲੂਨ ਲਈ ਬੁਕਿੰਗ ਐਪ ਬਣਾ ਰਹੇ ਹੋ। ਇੱਕ ਬੁਕਿੰਗ ਦਾ ਵਰਣਨ ਕਰਨ ਵਾਲੀ ਟਾਈਪ ਇਹ ਹੈ:

type Booking = {
  id: number;
  customerEmail: string;
  service: "haircut" | "colour" | "blow-dry";
  startsAt: Date;
  price: number;
  notes?: string; // the ? means optional
};

ਅਤੇ ਇੱਕ ਫੰਕਸ਼ਨ ਜੋ ਡਿਪਾਜ਼ਿਟ ਕੱਢਦਾ ਹੈ:

function depositFor(booking: Booking): number {
  return booking.price * 0.2;
}

ਹੁਣ ਵੇਖੋ TypeScript ਕੀ ਫੜਦਾ ਹੈ।

ਗਲਤ ਸਪੈਲਿੰਗ ਵਾਲਾ ਖੇਤਰ।

depositFor({ id: 1, customerEmail: "lena@example.com", service: "haircut",
  startsAt: new Date(), prise: 40 });

TypeScript ਦੱਸਦਾ ਹੈ ਕਿ prise ਕੋਈ ਜਾਣਿਆ ਗੁਣ ਨਹੀਂ ਹੈ ਅਤੇ price ਗਾਇਬ ਹੈ। ਸਾਦੇ JavaScript ਵਿੱਚ ਇਹ ਚੁੱਪ-ਚਾਪ NaN (ਨੰਬਰ ਨਹੀਂ) ਡਿਪਾਜ਼ਿਟ ਕੱਢ ਦਿੰਦਾ।

ਗਲਤ ਕਿਸਮ ਦਾ ਮੁੱਲ।

const booking: Booking = { ...otherFields, price: "40" };

TypeScript ਦੱਸਦਾ ਹੈ ਕਿ ਨੰਬਰ ਦੀ ਥਾਂ ਲਿਖਤ ਨਹੀਂ ਵਰਤੀ ਜਾ ਸਕਦੀ। ਬਿਨਾਂ ਇਸਦੇ, "40" * 0.2 ਠੀਕ ਕੰਮ ਕਰਦਾ ਹੈ, ਪਰ "40" + 5 ਦਾ ਨਤੀਜਾ "405" ਹੁੰਦਾ ਹੈ — ਇਹ ਉਹ ਬੱਗ ਹੈ ਜੋ ਇਨਵੌਇਸ ਉੱਤੇ ਦਿਖਦਾ ਹੈ।

ਮੌਜੂਦ ਨਾ ਹੋਣ ਵਾਲੀ ਸੇਵਾ।

const booking: Booking = { ...otherFields, service: "perm" };

TypeScript ਦੱਸਦਾ ਹੈ ਕਿ "perm" ਆਗਿਆ ਪ੍ਰਾਪਤ ਸੇਵਾਵਾਂ ਵਿੱਚੋਂ ਇੱਕ ਨਹੀਂ ਹੈ। ਜਦੋਂ ਸੈਲੂਨ ਬਾਅਦ ਵਿੱਚ perms ਜੋੜਦਾ ਹੈ, ਤੁਸੀਂ ਉਸਨੂੰ ਟਾਈਪ ਵਿੱਚ ਜੋੜਦੇ ਹੋ, ਅਤੇ TypeScript ਹਰ ਉਸ ਥਾਂ ਨੂੰ ਵਿਖਾਉਂਦਾ ਹੈ ਜਿੱਥੇ ਅੱਪਡੇਟ ਚਾਹੀਦਾ ਹੈ — ਕੀਮਤ ਸੂਚੀ, ਫ਼ਾਰਮ, ਕੈਲੰਡਰ ਦੇ ਰੰਗ।

ਜੋ ਇਹ ਨਹੀਂ ਫੜ ਸਕਦਾ। ਜੇ ਬੁਕਿੰਗ ਫ਼ਾਰਮ ਬ੍ਰਾਊਜ਼ਰ ਤੋਂ ਸਰਵਰ ਨੂੰ price: "40" ਭੇਜਦਾ ਹੈ, ਤਾਂ ਸਰਵਰ ਉੱਤੇ TypeScript ਰਨਟਾਈਮ ਉੱਤੇ ਇਹ ਨਹੀਂ ਦੇਖਦਾ। ਇਸੇ ਲਈ ਚੰਗੀਆਂ ਐਪਾਂ ਆਉਣ ਵਾਲੇ ਡੇਟਾ ਦੀ ਪ੍ਰਮਾਣਿਕਤਾ ਵੀ ਕਰਦੀਆਂ ਹਨ, ਅਕਸਰ ਇੱਕ ਵੈਲੀਡੇਸ਼ਨ ਲਾਇਬ੍ਰੇਰੀ ਨਾਲ ਜੋ ਸ਼ਕਲ ਜਾਂਚਦੀ ਹੈ ਅਤੇ ਇਸਨੂੰ ਸਹੀ Booking ਵਿੱਚ ਬਦਲਦੀ ਹੈ।

TypeScript ਬਨਾਮ JavaScript

ਆਮ ਸ਼ਬਦਾਂ ਦੀ ਵਿਆਖਿਆ

ਆਮ ਗ਼ਲਤੀਆਂ ਅਤੇ ਗ਼ਲਤਫ਼ਹਿਮੀਆਂ

• "TypeScript ਕੋਡ ਨੂੰ ਬੱਗ-ਰਹਿਤ ਬਣਾਉਂਦਾ ਹੈ।" ਇਹ ਡੇਟਾ ਦੀ ਸ਼ਕਲ ਦੀਆਂ ਬੇਮੇਲਤਾਵਾਂ ਫੜਦਾ ਹੈ, ਤਰਕ ਦੀਆਂ ਗਲਤੀਆਂ ਨਹੀਂ। 2% ਦੀ ਥਾਂ 20% ਡਿਪਾਜ਼ਿਟ ਟਾਈਪ-ਚੈੱਕ ਪਾਸ ਕਰ ਲੈਂਦਾ ਹੈ।
• "ਟਾਈਪ ਮੈਨੂੰ ਬੁਰੇ ਇਨਪੁੱਟ ਤੋਂ ਬਚਾਉਂਦੇ ਹਨ।" ਟਾਈਪ ਚੱਲਣ ਵੇਲੇ ਗਾਇਬ ਹੋ ਜਾਂਦੇ ਹਨ। ਉਪਭੋਗਤਾਵਾਂ, ਫ਼ਾਰਮਾਂ ਅਤੇ APIs ਤੋਂ ਡੇਟਾ ਦੀ ਪ੍ਰਮਾਣਿਕਤਾ ਕਰੋ।
• ਹਰ ਥਾਂ any। ਜਦੋਂ AI ਫਸਦਾ ਹੈ, ਉਹ ਗਲਤੀਆਂ ਚੁੱਪ ਕਰਾਉਣ ਲਈ any ਜਾਂ // @ts-ignore ਵੱਲ ਜਾ ਸਕਦਾ ਹੈ। ਇਹ ਸਮੱਸਿਆ ਠੀਕ ਕਰਨ ਦੀ ਥਾਂ ਲੁਕਾਉਂਦਾ ਹੈ।
• ਪ੍ਰੀਵਿਊ ਕੰਮ ਕਰਦਾ ਹੈ ਇਸ ਲਈ ਟਾਈਪ ਗਲਤੀਆਂ ਨੂੰ ਅਣਡਿੱਠਾ ਕਰਨਾ। ਕੁਝ ਟੂਲ ਟਾਈਪ ਗਲਤੀਆਂ ਵਾਲਾ ਕੋਡ ਫਿਰ ਵੀ ਚਲਾ ਦਿੰਦੇ ਹਨ। ਇਹ ਗਲਤੀਆਂ ਫਿਰ ਵੀ ਭਵਿੱਖੀ ਬੱਗ ਹਨ।
• "TypeScript ਹੌਲੀ ਹੈ।" ਚੱਲਣ ਤੋਂ ਪਹਿਲਾਂ ਟਾਈਪਾਂ ਹਟ ਜਾਂਦੀਆਂ ਹਨ; ਜੋ JavaScript ਚੱਲਦਾ ਹੈ ਉਹ ਲਗਭਗ ਇੱਕੋ ਜਿਹਾ ਹੁੰਦਾ ਹੈ।
• "ਇਹ ਸਿਰਫ਼ ਵੱਡੀਆਂ ਟੀਮਾਂ ਲਈ ਹੈ।" ਇਕੱਲੇ ਬਿਲਡਰ ਵੀ ਫ਼ਾਇਦਾ ਲੈਂਦੇ ਹਨ, ਖਾਸ ਕਰਕੇ ਜਦੋਂ ਜ਼ਿਆਦਾਤਰ ਬਦਲਾਅ AI ਕਰ ਰਿਹਾ ਹੋਵੇ।

ਆਪਣੇ AI ਬਿਲਡਰ ਤੋਂ ਕੀ ਮੰਗਣਾ ਹੈ

• "TypeScript ਸਖ਼ਤ (strict) ਮੋਡ ਚਾਲੂ ਕਰਕੇ ਵਰਤੋ।"
• "ਸਾਡੇ ਮੁੱਖ ਰਿਕਾਰਡਾਂ ਲਈ ਸਾਂਝੀਆਂ ਟਾਈਪਾਂ ਬਣਾਓ — Customer, Booking, Invoice — ਅਤੇ ਉਨ੍ਹਾਂ ਨੂੰ ਫ਼ਰੰਟਐਂਡ ਅਤੇ ਬੈਕਐਂਡ ਦੋਵਾਂ ਉੱਤੇ ਵਰਤੋ।"
• "ਗਲਤੀਆਂ ਤੋਂ ਬਚਣ ਲਈ any ਜਾਂ @ts-ignore ਨਾ ਵਰਤੋ; ਅਸਲ ਸਮੱਸਿਆ ਠੀਕ ਕਰੋ ਅਤੇ ਦੱਸੋ ਕਿ ਉਹ ਕੀ ਸੀ।"
• "ਸਰਵਰ ਉੱਤੇ ਸਾਰਾ ਆਉਣ ਵਾਲਾ ਡੇਟਾ ਸਿਰਫ਼ ਟਾਈਪਾਂ ਨਾਲ ਨਹੀਂ, ਬਲਕਿ ਪ੍ਰਮਾਣਿਤ ਕਰੋ।"
• "ਟਾਈਪ ਚੈਕਰ ਚਲਾਓ ਅਤੇ ਕਹਿਣ ਤੋਂ ਪਹਿਲਾਂ ਹਰ ਗਲਤੀ ਠੀਕ ਕਰੋ।"
• "ਜਦੋਂ ਤੁਸੀਂ ਖੇਤਰ ਦਾ ਨਾਮ ਬਦਲੋ, ਤਾਂ TypeScript ਜਿੱਥੇ-ਜਿੱਥੇ ਦਿਖਾਉਂਦਾ ਹੈ ਉੱਥੇ ਸਭ ਥਾਂ ਅੱਪਡੇਟ ਕਰੋ।"
• "ਇਸ ਟਾਈਪ ਗਲਤੀ ਨੂੰ ਸਾਦੀ ਅੰਗਰੇਜ਼ੀ ਵਿੱਚ ਸਮਝਾਓ।"

AI ਦੇ ਬਣਾਏ ਕੋਡ ਦੀ ਜਾਂਚ ਬਾਰੇ ਹੋਰ ਲਈ, AI ਦੇ ਬਣਾਏ ਕੋਡ ਦੀ ਸਮੀਖਿਆ ਕਿਵੇਂ ਕਰੀਏ ਅਤੇ AI ਨਾਲ ਬਣੀ ਐਪ ਦੇ ਬੱਗ ਕਿਵੇਂ ਲੱਭੀਏ ਵੇਖੋ।

Mythex ਵਿੱਚ TypeScript

ਜਦੋਂ ਤੁਸੀਂ ਕੁਝ ਖਾਸ ਨਹੀਂ ਮੰਗਦੇ, Mythex ਨਵੇਂ ਪ੍ਰੋਜੈਕਟ Vite + React + TypeScript + Tailwind ਉੱਤੇ ਸ਼ੁਰੂ ਕਰਦਾ ਹੈ। ਕੋਡ ਐਡੀਟਰ ਵਿੱਚ ਭਾਸ਼ਾ ਬੁੱਧੀ ਹੈ — TypeScript ਅਤੇ JavaScript ਲਈ, ਹੋਰ ਭਾਸ਼ਾਵਾਂ ਦੇ ਨਾਲ, ਕੰਪਲੀਸ਼ਨ, ਡਾਇਗਨੌਸਟਿਕਸ ਅਤੇ go-to-definition — ਤਾਂ ਜੋ ਟਾਈਪ ਗਲਤੀਆਂ ਸਿਰਫ਼ ਪ੍ਰੀਵਿਊ ਵਿੱਚ ਨਹੀਂ, ਕੋਡ ਵਿੱਚ ਵੀ ਦਿਖਣ। ਐਡੀਟਰ Free ਉੱਤੇ ਸਿਰਫ਼ ਪੜ੍ਹਨ ਲਈ ਹੈ ਅਤੇ Pro ਉੱਤੇ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸੰਪਾਦਨ ਯੋਗ। ਤੁਸੀਂ ਅਜੇ ਵੀ ਆਪਣੇ ਪਹਿਲੇ ਪ੍ਰੋਂਪਟ ਵਿੱਚ ਵੱਖਰਾ ਸੈੱਟਅੱਪ ਮੰਗ ਸਕਦੇ ਹੋ; ਤਕਨੀਕ ਕਿਵੇਂ ਚੁਣੀ ਜਾਂਦੀ ਹੈ ਵਾਲਾ ਡੌਕਸ ਪੰਨਾ ਇਹ ਸਮਝਾਉਂਦਾ ਹੈ, ਅਤੇ ਕੋਡ ਐਡੀਟਰ ਡੌਕਸ ਵਿੱਚ ਦੱਸਿਆ ਹੈ ਕਿ ਐਡੀਟਰ ਕੀ ਦਿਖਾਉਂਦਾ ਹੈ।

ਸਵਾਲ