Chapter 7 — Obyekt Turlari va Strukturaviy Tiplash

TypeScript'ning tip tizimi — "structural typing" (strukturaviy tiplash) tamoyiliga asoslangan, bu boshqa ko'p tillardagi "nominal typing"dan tubdan farq qiladi. Bu bob — bu farqni va uning amaliy oqibatlarini chuqur yoritadi.

---

7.1 Inline Object Types

Example

index.ts
TypeScriptNusxalash
01function printUser(user: { name: string; age: number }) {
02  console.log(`${user.name}, ${user.age} yosh`);
03}
04 
05printUser({ name: "Abbosbek", age: 26 });
06 
07let config: { apiUrl: string; timeout: number; debug?: boolean } = {
08  apiUrl: "https://api.example.com",
09  timeout: 5000,
10};

7.2 Structural Typing ("Duck Typing")

Simple Explanation

TypeScript'da ikkita tur "mos" hisoblanadi, agar ularning STRUKTURASI (maydonlari) mos kelsa — nomi bir xil bo'lishi SHART emas. Bu — "agar u o'rdakday yursa va o'rdakday g'ag'illasa, u o'rdak" (duck typing) tamoyiliga o'xshaydi.

Example

index.ts
TypeScriptNusxalash
01interface Point2D {
02  x: number;
03  y: number;
04}
05 
06function printPoint(point: Point2D) {
07  console.log(`(${point.x}, ${point.y})`);
08}
09 
10// Bu obyekt Point2D deb E'LON QILINMAGAN, lekin strukturasi mos keladi
11const coord = { x: 10, y: 20, z: 30 };
12printPoint(coord); // TO'G'RI ISHLAYDI! Ortiqcha 'z' maydoni muammo emas

💡 Key Idea
Bu — Java yoki C# kabi "nominal typing" tillaridan TUBDAN farq qiladi, u yerda obyekt aniq interfeys/klassni "implement" qilishi (e'lon qilishi) SHART. TypeScript'da esa faqat struktura (shakl) mos kelishi kifoya.

7.3 Excess Property Checks

Simple Explanation

Agar obyekt LITERAL sifatida (to'g'ridan-to'g'ri, o'zgaruvchisiz) funksiyaga uzatilsa, TypeScript qo'shimcha, qattiqroq tekshiruv — "excess property check" (ortiqcha xususiyat tekshiruvi) o'tkazadi.

Example

index.ts
TypeScriptNusxalash
01interface Config { apiUrl: string; }
02 
03function setup(config: Config) { }
04 
05setup({ apiUrl: "https://x.com", timeout: 5000 });
06// XATO: Object literal may only specify known properties,
07// and 'timeout' does not exist in type 'Config'
08 
09const myConfig = { apiUrl: "https://x.com", timeout: 5000 };
10setup(myConfig); // TO'G'RI ISHLAYDI — chunki bu structural typing (excess check yo'q)

⚠️ Common Mistake
Bu ikki xil xatti-harakatni (to'g'ridan-to'g'ri literal vs oldindan saqlangan o'zgaruvchi) chalkashtirish — ko'p yangi boshlovchilarni hайрон qoldiradi, chunki mantiqan ular bir xil obyektga o'xshaydi, lekin TypeScript ularga boshqacha munosabatda bo'ladi.

7.4 Index Signatures

Simple Explanation

Index signature — obyektning KALITLARI oldindan noma'lum bo'lgan, lekin ularning QIYMAT TURI ma'lum bo'lgan holatlar uchun ishlatiladi (masalan lug'at/dictionary kabi obyektlar).

Example

index.ts
TypeScriptNusxalash
01interface StringDictionary {
02  [key: string]: string;
03}
04 
05const translations: StringDictionary = {
06  hello: "salom",
07  goodbye: "xayr",
08};
09 
10translations["thanks"] = "rahmat"; // TO'G'RI — istalgan string kalit qo'shish mumkin
11translations["count"] = 5;          // XATO: qiymat 'string' bo'lishi kerak

📝 Practice Exercises

🟢 Exercise 1 — Easy

Task: { latitude: number; longitude: number } inline turiga ega parametr qabul qiluvchi printLocation funksiyasini yozing.

🟡 Exercise 2 — Medium

Task: Turli tillardagi tarjimalarni saqlovchi, index signature'ga ega Translations interfeysini yarating.

🐛 Debugging Challenge

index.ts
TypeScriptNusxalash
01interface ApiConfig {
02  url: string;
03  retries: number;
04}
05 
06function callApi(config: ApiConfig) {
07  console.log(config.url, config.retries);
08}
09 
10const settings = { url: "https://api.com", retries: 3, timeout: 5000 };
11callApi(settings);
12 
13callApi({ url: "https://api.com", retries: 3, timeot: 5000 }); // yozuv xatosi bilan

Your Task: Ikkita chaqiruvdan qaysi biri xato beradi, va nega?

<details> <summary>Solution</summary> Faqat IKKINCHI chaqiruv xato beradi — `timeot` (yozuv xatosi bilan, `timeout` emas) — bu to'g'ridan-to'g'ri obyekt literal bo'lgani uchun excess property check ishga tushadi va noma'lum `timeot` xususiyatini aniqlaydi. Birinchi chaqiruv (`settings` orqali) esa muammosiz ishlaydi, chunki `settings` — oldindan e'lon qilingan o'zgaruvchi, unga structural typing (faqat kerakli maydonlar mavjudligini tekshirish) qoidasi qo'llaniladi. </details>

📌 Chapter Summary

TypeScript — structural typing (strukturaviy tiplash) tamoyiliga asoslangan: turlar nomiga emas, strukturasiga qarab solishtiriladi. Excess property check — literal obyektlarda qo'shimcha, qattiqroq tekshiruv o'tkazadi. Index signature — dinamik kalitli, bir xil qiymat turiga ega obyektlar uchun ishlatiladi.

🎯 Key Takeaways

• TypeScript — nominal emas, structural typing ishlatadi
• To'g'ridan-to'g'ri literal obyektlar — excess property check'ga uchraydi
• Oldindan saqlangan o'zgaruvchilar — bu qattiq tekshiruvdan "qochadi"
• Index signature — lug'at-tipidagi obyektlar uchun mos

⚡ Quick Cheat Sheet

index.ts
TypeScriptNusxalash
01function f(obj: { x: number; y: number }) {}
02interface Dict { [key: string]: number; }
03const d: Dict = { a: 1, b: 2 };

---