Yodlash kartochkalari

Imtihon oldi takrori. Faqat yodlanadigan faktlar — mulohaza bilan chiqarib olsa bo'ladigan qismlar bu yerda yo'q.

Boshidagi bo'limda raqam bor: shu savolga necha marta noto'g'ri javob berilgan. Vaqt kam bo'lsa faqat o'sha bo'limni o'qing.

🎯 Test paytida — xatti-harakat

Bu uchtasi bilim emas, odat. Sessiyalarda eng ko'p ball shu yerda yo'qolgan.

⚠️ Eng xavfli faktlar

JavaScript asoslari

class Counter {
  count = 0;
  increment() { this.count++; }
}
const c = new Counter();
c.increment();              // ✅ nuqta bor → this = c

const inc = c.increment;
inc();                      // ❌ TypeError — this = undefined

// Yechim:
class Counter2 { increment = () => { this.count++; } }   // arrow property
const bound = c.increment.bind(c);                        // bind

Reference semantikasi

Obyekt hech qachon o'z-o'zidan nusxalanmaydi

const o = {};
const arr = [o, o, o];        // uchtasi ham BIR XIL obyekt
function f(obj) { obj.x = 1 } // funksiyaga ham reference ketadi

new Array(3).fill(0)     // ✅ primitiv — xavfsiz
new Array(3).fill([])    // ❌ bitta massiv ulashiladi
Array.from({length:3}, () => [])   // ✅ har safar yangi

Spread — sayoz nusxa

const a = { x: 1, nested: { y: 2 } };
const b = { ...a };
b.x = 50;          // ✅ a.x = 1  — 1-daraja ajratilgan
b.nested.y = 99;   // ❌ a.nested.y = 99 — ichkari ULASHILGAN

Chuqur nusxa: structuredClone(a) ✅ · JSON.parse(JSON.stringify(a)) ⚠️ (Date, Map, undefined yo'qoladi)

Mutatsiya qiladigan metodlar

sort · reverse · splice · push · pop · shift · unshift · fill

function getTop3(arr) {
  return arr.sort((a,b) => b-a).slice(0,3);   // ❌ asl massivni BUZADI
  return [...arr].sort((a,b) => b-a).slice(0,3);   // ✅
  return arr.toSorted((a,b) => b-a).slice(0,3);    // ✅ ES2023
}

Nazorat savoli: funksiya kirish argumentini o'zgartirdimi? Chaqiruvchi buni kutmaydi.

JS g'alatiliklari

Bular mulohaza bilan chiqmaydi — yodlanadi.

Obyekt kalitlari tartibi

Object.keys({ z:1, a:2, m:3 })            // ['z','a','m']  ← saralanmadi
Object.keys({ z:1, 10:'a', y:2, 2:'b' })  // ['2','10','z','y']
//                                             ↑ saralandi  ↑ yozilgan tartibda

'-1' va '1.5' — butun son emas, satr guruhida qoladi. Tartib muhim bo'lsa → Map ishlating, u qo'shilish tartibini buzmaydi.

NaN o'zi bilan teng emas

NaN === NaN      // false      ← IEEE 754 standarti, hamma tilda shunday
NaN <= NaN       // false      ← hattoki bu ham

Sabab: NaN — qiymat emas, "qiymat yo'q" belgisi. 0/0 va Math.sqrt(-1) ikkalasi ham NaN, lekin ular bir xil narsa emas.

indexOf eski (===), includes yangi (NaN ni biladi).

Map va obyekt kalitlari

const m = new Map(); m.set(1, 'son');
m.get('1');    // undefined  ← Map tipni SAQLAYDI: 1 ≠ '1'

const o = {}; o[1] = 'son';
o['1'];        // 'son'      ← obyekt kalitni SATRGA aylantiradi

reduce — boshlang'ich qiymatsiz

[].reduce((a,b) => a+b);       // ❌ TypeError: Reduce of empty array with no initial value
[].reduce((a,b) => a+b, 0);    // ✅ 0
[5].reduce((a,b) => a+b);      // ✅ 5 — callback umuman chaqirilmaydi

reduce da har doim boshlang'ich qiymat bering. Bu real prod bug'i.

Iteratsiya paytida massivni o'zgartirish

arr.forEach((x, i) => { if (x % 2 === 0) arr.splice(i, 1); });
// ❌ indekslar suriladi → ba'zi elementlar O'TKAZIB YUBORILADI

To'g'ri: arr = arr.filter(x => x % 2 !== 0) yoki teskari yo'nalishda yurish.

Binary search — ikkita klassik bug

while (lo < hi)     // ❌ lo === hi holati tekshirilmaydi → oxirgi element topilmaydi
while (lo <= hi)    // ✅

if (arr[mid] < x) lo = mid;       // ❌ CHEKSIZ SIKL
if (arr[mid] < x) lo = mid + 1;   // ✅

Event Loop

• Micro va macro asl farqi — Macro = YANGI ish (tashqi dunyodan). Micro = boshlangan ishning DUMI. Shuning uchun micro to'liq bo'shatiladi.
• requestAnimationFrame — ikkalasi ham emas, render fazasida. ResizeObserver, IntersectionObserver ham shu yerda.
• Navbat ichida prioritet yo'q — .then va queueMicrotask bir xil navbatda, sof FIFO.

console.log('A');
queueMicrotask(() => console.log('B'));
Promise.resolve().then(() => console.log('C'));
setTimeout(() => console.log('D'), 0);
console.log('E');

// A E B C D
// Usul: navbat callback'larini o'chirib tashlang → qolgani javobning boshi

Promise va async

• Promise bekor qilinmaydi. Promise.all reject bo'lsa qolganlar ishlashda davom etadi, natijasi tashlanadi. Bekor qilish: AbortController yoki RxJS takeUntil/switchMap.
• Observable vs Promise — Promise: 1 qiymat, eager, bekor qilinmaydi, har doim asinxron. Observable: ko'p qiymat, lazy, unsubscribe bor, sinxron ham bo'la oladi (of).
• await = yashiringan .then(). Undan keyingi qatorlar — microtask.

TypeScript

// Mapped type — barcha utility'lar shu naqshda
type Partial<T>  = { [K in keyof T]?: T[K] };
type Readonly<T> = { readonly [K in keyof T]: T[K] };
type Required<T> = { [K in keyof T]-?: T[K] };   // -? = modifikatorni OLIB TASHLA

keyof T        // kalitlar birlashmasi: 'id' | 'name'
[K in keyof T] // har kalit bo'ylab aylanish
T[K]           // indexed access — o'sha kalitning tipi

• unknown vs any — any = "menga ishon" (tekshiruv o'chadi). unknown = "avval isbotla".
• strictNullChecks — null taqiqlanmaydi, u endi har tipga sig'maydi. string | null oshkora yozilishi kerak. strict — bu to'plam.
• Nega interfeys DI token bo'la olmaydi? Interfeys kompilyatsiyadan keyin yo'qoladi. Shuning uchun abstract class yoki InjectionToken.
• Distributive conditional — NonNull<string|null|number> → string | number.
• Template literal type — `on${Capitalize<T>}` · EventName<'click'|'focus'> → 'onClick' | 'onFocus'.
• Dekoratorlar — klassga metadata biriktiruvchi funksiyalar, runtime'da saqlanadi.

Algoritmlash

Big O ni koddan o'qish

for (...) { for (...) {...} }              // O(n²)  — ichma-ich
for (...) {...}  for (...) {...}           // O(n)   — yonma-yon
for (const x of arr) { arr.includes(y) }   // O(n²)  — YASHIRIN tsikl
for (const x of arr) { set.has(y) }        // O(n)   — hash, tsikl YO'Q
while (n > 1) { n = n / 2 }                // O(log n)

O(n log n) belgisi: kodda sort() bormi, yoki mid = (lo+hi)/2 kabi yarimlash bormi? Ikkalasi yo'q bo'lsa — javob O(n log n) bo'lmaydi.

Amallar murakkabligi

Massivda oxir arzon, bosh qimmat. push/pop → O(1) · unshift/shift → O(n), chunki hamma element suriladi.

Saralash

[10, 9, 100, 1].sort();               // [1, 10, 100, 9]  ← satr sifatida!
[10, 9, 100, 1].sort((a,b) => a-b);   // [1, 9, 10, 100]  ✅
const b = a.sort();  a === b;         // true — nusxa emas
[...a].sort()  yoki  a.toSorted()     // nusxa kerak bo'lsa

Eng kichigini topish uchun sort() kerak emas — Math.min(...arr) O(n), saralash esa O(n log n).

Quick Sort qachon O(n²)? Pivot doim eng katta/kichik bo'lganda — masalan allaqachon saralangan massivda birinchi element pivot qilinsa.

Space complexity

let sum = 0;                    // O(1)  — bitta o'zgaruvchi
const s = new Set(); s.add(x);  // O(n)  — n tagacha element SAQLANADI
arr.map(x => x*2)               // O(n)  — yangi massiv
arr.sort()                      // O(1)  — joyida saralaydi
rekursiya, chuqurlik n          // O(n)  — call stack'da n ta freym

Rekursiya va memoization

function fact(n) {
  if (n <= 1) return 1;      // ① BASE CASE — bo'lmasa: RangeError, stack overflow
  return n * fact(n - 1);    // ② muammoni KICHRAYTIRIB o'ziga murojaat
}

Memoization savdosi: xotirani berib, vaqtni sotib olasiz. O(2ⁿ) → O(n). Memoization — rekursiv, call stack ishlatadi ⚠️ · Tabulation (tsikl) — ishlatmaydi ✅

Ma'lumot tuzilmalari

BST + in-order traversal = SARALANGAN ketma-ketlik. (chap → tugun → o'ng)

BFS vs DFS — ikkalasi ham O(V+E): BFS → Queue, qavat-qavat, eng qisqa yo'l (og'irliksiz graf) DFS → Stack yoki rekursiya, shoxni oxirigacha, yo'l bor-yo'qligi / sikl topish

Uchta amaliy naqsh

// Dublikatlarni TOPISH — ikkita Set kerak
function findDuplicates(arr) {
  const seen = new Set(), dups = new Set();
  for (const x of arr) {
    if (seen.has(x)) dups.add(x);   // ikkinchi marta ko'rdim
    else seen.add(x);
  }
  return [...dups];
}
// [...new Set(arr)] — bu dublikatni TOPMAYDI, OLIB TASHLAYDI. Boshqa masala!

Lifecycle hook'lar

constructor()            // @Input hali BO'SH (undefined)
  ↓
ngOnChanges()            // @Input o'rnatildi (faqat @Input bo'lsa)
  ↓
ngOnInit()               // bir marta — init logikasi
  ↓
ngDoCheck()              // har CD siklida
  ↓
ngAfterContentInit()     // <ng-content> proyeksiya qilindi
ngAfterContentChecked()
  ↓
ngAfterViewInit()        // @ViewChild endi mavjud
ngAfterViewChecked()
  ↓
ngOnDestroy()            // unsubscribe shu yerda

• Nega ngOnChanges ngOnInit dan oldin? ngOnInit ga kirganda @Input tayyor bo'lishi kerak — ularni aynan ngOnChanges o'rnatadi.
• ExpressionChangedAfterItHasBeenCheckedError — dev rejimda CD ikki marta tekshiradi. Yechim: setTimeout · Promise.then · cdr.detectChanges(). Prod'da xato chiqmaydi — DOM eski qiymatda qotadi.

Change Detection

• Nega markForCheck ildizgacha? CD daraxt bo'ylab yuqoridan pastga yuradi; toza OnPush ota-ona butun shoxni kesib o'tadi.
• Nega async pipe OnPush bilan ishlaydi? Ichida markForCheck() yozilgan. Sizning .subscribe() ingizda yo'q. Unsubscribe ham AsyncPipe ning ngOnDestroy ida.
• runOutsideAngular — DOM yangilanmaydi. Qaytish: ngZone.run(...).
• Nechta tick? 3 ta Promise = 1 ta tick. 3 ta setTimeout = 3 ta tick.
• Zoneless — "kuzatuv" emas, "xabar berish". 4 manba: signal · async pipe · template event · markForCheck. Migratsiyaning 1-qadami: butun ilovani OnPush ga o'tkazish.

Directive

@Directive({ selector: '[appUnless]', standalone: true })
export class UnlessDirective {
  private tpl = inject(TemplateRef<any>);        // NIMA chiziladi
  private vcr = inject(ViewContainerRef);         // QAYERGA chiziladi
  private hasView = false;                        // "allaqachon bormi?"

  @Input() set appUnless(cond: boolean) {
    if (!cond && !this.hasView) {
      this.vcr.createEmbeddedView(this.tpl); this.hasView = true;
    } else if (cond && this.hasView) {
      this.vcr.clear(); this.hasView = false;
    }
  }
}

Pipe

• Pure pipe qachon ishlaydi? Input reference o'zgarganda. Argumentlar ham kuzatiladi. arr.push() → reference o'zgarmadi → ishlamaydi.
• Nega async pipe impure? Observable qachon qiymat chiqarishini pipe bilmaydi.
• Impure pipe xavfi — har CD siklida, har element uchun. 5000 qator = 5000 chaqiruv/sikl.
• keyvalue pipe — kalitlarni alifbo bo'yicha saralaydi. Tartib uchun: keepOrder = () => 0 (class property sifatida!).
• Ikkita | async = ikkita subscription = cold observable'da 2 ta HTTP. Yechim: *ngIf="x$ | async as x" yoki shareReplay(1).
• Getter vs pure pipe vs computed() — Getter: har CD, kesh yo'q, hech qachon. Pure pipe: umumiy transformatsiya. computed(): komponentga xos hisob.

Forms

• Validator null qaytarsa — muvaffaqiyatli, xato yo'q. Xato bo'lsa obyekt: { forbidden: true }.
• disabled vs readonly — disabled form.value ga tushmaydi va validatsiyadan chiqadi. To'liq qiymat: getRawValue(). readonly — HTML atributi, qiymat qoladi.
• FormControl holat obyektida faqat 2 kalit: value va disabled. readOnly: true jimgina e'tiborsiz qoldiriladi.
• (ngSubmit) vs (submit) — ngSubmit preventDefault() ni o'zi chaqiradi. Native (submit) da sahifa qayta yuklanadi.
• updateOn: 'blur' — valueChanges va validatsiya har harfda emas, maydondan chiqqanda.
• Async validator — Observable/Promise qaytaradi, ishlayotganda control PENDING.
• Custom form control — ControlValueAccessor, 4 metod: writeValue · registerOnChange · registerOnTouched · setDisabledState.

RxJS

of(1,2,3).pipe(tap, filter(x=>x>1), map(x=>x*10)).subscribe(...)

1 → tap ✓ → filter ✗ ✂️
2 → tap ✓ → filter ✓ → map(20) → sub ✓
3 → tap ✓ → filter ✓ → map(30) → sub ✓

// tap 1 · tap 2 · sub 20 · tap 3 · sub 30

Marble alifbosi

Filtrlangan qiymat belgi qoldirmaydi — o'rnida oddiy -.

To'rt higher-order operator

Subject turlari

Memory leak

• debounceTime vs throttleTime — debounce = sabr ("tugadimi?") → qidiruv. throttle = ritm ("vaqt keldimi?") → scroll, resize. Uzluksiz scroll'da debounce hech narsa chiqarmaydi.
• shareReplay(1) xavfi — sukut bo'yicha refCount: false. Cheksiz oqim uchun: shareReplay({ bufferSize: 1, refCount: true }).
• forkJoin vs combineLatest — forkJoin: hammasi complete bo'lganda 1 marta. combineLatest: istalgan biri o'zgarganda har safar.
• takeUntil — har doim oxirgi operator. Boshida bo'lsa ichki oqim uzilmaydi.
• takeUntilDestroyed() — v16+, injection context kerak. ngOnInit da: takeUntilDestroyed(inject(DestroyRef)).
• catchError returnsiz → TypeError: You provided 'undefined' where a stream was expected. Variantlar: of([]) · throwError(() => err) · EMPTY.
• retry qachon mantiqsiz? 4xx (401/403/404) — mijoz xatosi. Faqat 5xx va tarmoq xatolarida. Backoff: retry({ count: 3, delay: (e,i) => timer(i*1000) }).
• switchMap bekor qilganda serverda? XHR.abort() ulanishni yopadi, lekin server ishni tugatishi mumkin. POST uchun → idempotency key.

Service va DI

• Komponentda providers: [X] — providedIn: 'root' qat'iy qonun emas, standart qiymat. 3 ta komponent = 3 ta instansiya. Klassik bug: providers: [AuthService].
• inject() qayerda ishlaydi? ✅ field initializer · constructor · useFactory · funksional guard/interceptor. ❌ ngOnInit va metodlar → NG0203.
• @SkipSelf + @Optional — "o'zimni o'tkazib yubor, yuqoridan qidir" + "topilmasa null qaytar". CoreModule ikki marta import qilinishining oldini oladi.
• req.clone() — HttpRequest immutable. Retry va bir nechta interceptor uchun.
• Funksional interceptor (v15+) — provideHttpClient(withInterceptors([authInterceptor])), tur HttpInterceptorFn.
• APP_INITIALIZER — ilova bootstrap bo'lishidan oldin. Promise/Observable qaytarsa Angular kutadi.

NgModule

• Standalone'da farq — standalone komponentda imports ga komponent ham tushadi.
• forRoot vs forChild — forRoot Router provider'larini ham ro'yxatdan o'tkazadi. Ikki marta → Router buziladi.
• Lazy modul providers — lazy modul o'z child injector'ini yaratadi, alohida instansiya.
• importProvidersFrom — eski NgModule provider'larini standalone'ga olib o'tuvchi ko'prik. Imkon bo'lsa provideX() afzal.
• loadChildren vs loadComponent — NgModule vs bitta standalone komponent (v14+).
• Barrel export (index.ts) xavfi — tree-shaking buzilishi + circular dependency.

Sintaksis va performance

• @placeholder — yuklash boshlanmaguncha. @loading — yuklash paytida. @error — xatoda.
• @defer sharti — ichidagi komponent standalone bo'lishi va o'sha template'da boshqa joyda ishlatilmasligi kerak.
• track $index xavfi — ro'yxat o'rtasiga element qo'shilsa indekslar suriladi → noto'g'ri DOM qayta ishlatiladi.
• tracksiz — Angular barcha DOM elementni yo'q qilib qayta yaratadi (fokus, scroll, animatsiya yo'qoladi).
• @if/@for — ng-template ga aylanmaydi, kompilyator to'g'ridan-to'g'ri o'giradi. CommonModule kerak emas.
• $any() — template tip tekshiruvini o'sha ifoda uchun o'chiradi.
• #ref uch xil ma'no — #a element'da → DOM element · #b komponentda → komponent instansiyasi · #c="x" → exportAs.
• Smart vs Dumb — Dumb service inject qilmaydi.
• Virtual scroll vs pagination — skanerlaydimi → virtual scroll. Qidiradimi → pagination.

Versiyalar

• computed() — lazy (faqat o'qilganda) + memoized (keshlanadi).
• input() / output() / model() — faqat o'qish signal · hodisa (EventEmitter o'rniga) · ikki tomonlama [(value)].
• viewChild() signal query — ngAfterViewInit kutish shart emas.
• toSignal() — injection context kerak. Boshlang'ich qiymatsiz → undefined. Context o'lganda o'zi unsubscribe qiladi.
• Signal nega zone.js ni keraksiz qiladi? zone.js: "nimadir bo'ldi, nimaligini bilmayman → hammasini tekshir". Signal: "men o'zgardim, meni kim o'qiganini bilaman → faqat o'shalarni yangila".
• "Deprecated" — "ishlamaydi" emas. Angular deprecated narsani ~2 major versiya ushlab turadi.
• Migratsiya — ng update bilan bittadan versiya oshirish (15→16→17→18).