JavaScript Interview Questions

Dasturchi sifatida ishga kirish uchun tajribamizdan o'tgan yokida eng ko'p so'raladigan savollarni yozma va video shaklida tayorlashga qaror qildik.

Savol javob tartibi:
1. Savol qanday ko'rinishda bo'ladi.
2. Savolga qanday javob kerak.
3. Nimalardan o'zingizni to'htatishingiz kerak.
4. Ishlatilish moyihatini misollar bilan ko'rsatib berish(kerak bo'lgan hollarda).

BASICS QUESTIONS 1 ~ 99

1 - savol | JavaScript nima? — JavaScript Scripting yokida programming language deyiladi.
— JavaScript 1995-yil Barnd Each tomonidan kashf qilinadi.
— 1997-yil ECMA Script nimiga o'zgartiriladi. Chunki undan oldin LiveScript deb nomlangan.
— Barcha browserlarda to'g'ridan to'g'ri ishlaydi.

2 - savol | Single Thread nima? — Bir vaqtni o'zida bitta ish bajarilishiga aytiladi.
— JavaScript bir vaqtni o'zida faqat bitta vazifa bajara oladi.
— Multi thread bir vaqtni o'zida bir nechta ish bajarishga aytiladi.

3 - savol | Variable nima? — Malumot saqlash uchun kerak bo'ladigan nomlangan hotira hisoblanadi.
— Variable'ni var let const orqali belgilanadi.
— data type? !== variable nima?

4 - savol | Reserved keywords? — Rerserved keywords?
— var let const function ...

5 - savol | javascript data typelari nechta? — JS'da data typelar 8ta
— Ularning 7tasi primitive -> number / string / BigInt / null / undefined / Symbol
— Ularning 1tasi non-primitive -> Object => Function / array / object

6 - savol | Primitive va Non-primitive data turlarining farqi nimada? — 3-savol javobini ham qo'shib ketsa bo'ladi.
— primitive turdagi o'zgaruvchilar heap'da saqlanadi.
— non-primitive o'zgaruvchilar'ning value'si heapda, variable stackda joylashadi. image1 / image2
— Non primitive o'zgaruvchi yasalganda har safar yangi manzilga joylashadi
— Shu sabab non-primitive malumotlar taqqoslashda hech qachon bir biriga teng bo'lmaydi. Qiymatlari teng bo'lsa ham.
— Bu malumotlarni bilish reactda ham prop va memo'larni ishlatishda juda muhim ro'l o'ynaydi.

7 - savol | mutable va immutable data type'lari nima? — Primitive malumotlar immutable data typelardir. such as: string
— Mutable -> value'ni index orqali o'zgartirib bo'ladigan data turi. such as array, object

8 - savol | null va undefined 'ning farqi nima? — null -> declared variable lekin value yo'q. Array.match / getElementByID /
- Keyinchalik qiymati object qabul qiladigan malumotga null biriktirb ketgan yaxswhi.
— undefined -> declared variable but not assigned value. accessing object, array value which is not key or item.

9 - savol | data type'lar qanday aniqlanadi? — typeof variableName.
— Array.isArray()

10 - savol | Type Coercion nima? — Automatic type conversion.
— Implicit conversion -> coercion
— explicit conversion -> conversion
— Such as: Arithmetic operations excluding plus / in loops / comparison /

11 - savol | var, let, const farqlari nimada? — var global o'zgaruvchi.
— let scope o'zgaruvchi -> in loop / in functions
— const o'zgarmas o'zgaruvchi.

12 - savol | pre va post increment nima? — post increment -> birinchi amal bajariladi keyin qiymatni birga oshiradi.
- let i =1; console.log(i++) // 1
— pre increment -> birinchi qiymatni birga oshiradi keyin amal bajariladi.
- let i =1; console.log(++i) // 2

13 - savol | AND, OR, NOT nima va farqlari haqida malumot bering. — AND -> Malumotning barcha qisimlari to'g'ri ekanligini tekshiradi.
— OR -> Malumotning biron qismi qisimlari to'g'ri ekanligini tekshiradi.
— NOT -> Malumotning to'g'ri ekanligini tekshiradi. Inkor manosini bildiradi.

14 - savol | Qanday scope'lar bor? — Global Scope.
— Block Scope.
— Function Scope.
— Module Scope

15 - savol | Lexical environment nima? — Data Structure that holds identifier(variable, function, etc).
— Qaysi scope'da qanysi variable'ni ishlatishni vositachilik qiladi.

16 - savol | Global variable nima? — dasturning istalgan qismida(scope) da ishlatish mumkin bo'lgan o'zgaruvchi.
— Global variable var keywordi orqali belgilanadi.

17 - savol | O'zgaruvchiga var let const bermasa nima bo'ladi? — nomsiz variable avtomatik tarzda varni o'zlashtiradi.
— Yani global bo'ladi.

18- savol | Hoisting nima? — O'zgaruvchi va function declorationlarni yuqorida declare qilib ketish.
— Keyinchalik error berishini oldini olish va nimalar borligini aniqlashtirib turish uchun kk.

19 - savol | JSON nima? — JavaScript Object Notation.
— Malumot jo'natishda va qabul qilishda hajmi kichik va tez.

20 - savol | If else, ternary operator va switch farqlari nimada? — If else -> bir nechta holatlarni bir vaqtda taqqoslash imkonini beradi.
— Ternary -> Ikkala holatni ham ifodalash shart bo'lganda ishaltiladi. Ikkitadan oshiq holatda ishlatsa bo'ladi lekin tafsiya if va else ko'rinishida ishlatish.
— Switch -> qiymati aniq bo'lgan malumotni tekshirishda ishlatiladi.

21 - savol | Unary Operatori nima? — Bitta harakat, belgi, amalli operatori deyiladi.
— JS unary operators -> -- / ++ / ? / + / - / ! / ~
— Cann't be override.

22 - savol | If else da qavuslar {} qachon tushib qolishi mukin? — if yokida else if yokida else dan keyin faqat bir qator code bo'lsa qavs yozish shart emas.

23 - savol | == bilan === ning farqi nimada? — == no qatiy tenglik. Data turini tekshirmaydi.
— === qatiy tenglik. Yani taqqoslashda qiymatni va uning data turini ham tekshiradi.

24 - savol | Nullish operatori nima? — Nullish operatori — ??
— ?? dan oldin null yoki undefined kelsa keyingi amalga o'tadi.

25 - savol | Array nima? — Array faqatgina value'dan tashkil topgan malumotlar to'plamiga aytiladi.
— Array elementlariga indexlar orqali access qilsak bo'ladi.
— mutable data type.

26 - savol | Arrayda spread operatori nima? — uchta nuqta (...)
— Array elementlarini o'z qavusidan tashqariga chiqaradi.
— Malumotni update, concatenate qilishda ishlatsak bo'ladi.
— Arrayni elementlarini olib qolganini alohida ajratib olsa ham boladi -> [bir, ikki, ...rest]
— Functinon parametorida ...rest ishlatish barcha qolgan parametorlarni arrayda olib keladi.

27 - savol | Arrayda find va filter farqi nimada? — find birinchi ko'rgan malumotini ko'rishi bilan to'htaydi
— filter shartga mos kelgan barcha malumotlarni qaytaradi.
— find o'rnida filter ishlatish projectga katta tasir qiladi.
— filter ham find ham callback function qabul qiladi.

28 - savol | Arrayda sort va filter farqi nimada? — Sort malumotlarni joylashish o'rnini tartiblaydi
— filter malumotlarni mos kelganini qoldirib qolganini chiqarib yuboradi.

29 - savol | Arrayda slice va splice farqi nimada? — Har ikkisi ham arraydan malumot kesib oladi
— slice asl arrayni o'zgartirmaydi. -> slice(startIndex, lastIndex)
— splice asl arrayni o'zgartiradi. -> splice(startIndex, countToDelete, newItem)

30 - savol | Arrayda map va forEach farqi nimada? — map malmot return qiladi.
— forEach'da return hususiyat yo'q.

31 - savol | Arrayda desctructure nima? — array elementlarini nomlash.
— module'da ham katta ahamiyatga ega.

32 - savol | Array.from() nima? — array yasab beruvchi metod.
— parametorlari -> from(arrayLike, callback(x)).
— arrayLike -> array, string or iterable object.
— callback orqali elementlar ustida amal bajarsak bo'ladi.

33 - savol | Arrayda flat va flatMap farqi nimada? — flat bitta array parentidan tashqariga chiqaradi.
— flatMap combination of flat and map.
— flat param -> depth level and infinity.
— flatMap -> callback function

34 - savol | Qanday looplarni bilasiz? — for loop
— while loop.
— do while loop.

35 - savol | For va while loop farqi nimada? — for -> bizda aniq tugash va boshlanish nuqtasi bo'lganida.
— while -> tugash nuqtasi nomalum bo'lgan vaqta ishlatiladi.
— lekin har ikkisini ham alternatively ishlatsa bo'ladi.

36 - savol | do while va while farqi nimada? — while birinchi shart tekshiradi keyin amal bajaradi
— do while birinchi amal bajarib keyin tekshiradi.

37 - savol | Loopda break va continue farqi nimada? — Break loop'ni to'liq to'htatib qo'yadi
— continue loopning aynan amal bajarayotgan qismini o'tkazib yuboradi.
— Label orqali break va continue'ni inner va outer ga tasir qildirsa bo'ladi.

38 - savol | Nested Loop nima? — Ichma ich kelgan loop nested loop deyiladi.
— Loop O(n) time complexity ga ega.
— Nested Loop O(n^2) time complexity.
— Imkon qadar nested loopdan uzoqlashishimiz kerak.

39 - savol | For loopda label nima? — Lable loopga nom berish.
— Nested looplarda outer loopni to'htatish yoki davom ettirish uchun juda qo'l keladi.

40 - savol | For of va for in farqi nimada? — for of -> string array da malumotlarni qiymatini chiqarib beradi.
— for in -> . array va stringda index qaytaradi.
— for in -> objectda keylarini qaytaradi.
— for of -> objectlar bilan ishlamaydi.

41 - savol | Function nima va ularning nechta turi bor? — function malum bir algaritim / code'lar to'plami, uning 7ta turi bor.
— anonymous function / function expression -> const anonymouse = function(){...}
— named function / function declaration -> function funExp(){}
— callback function -> function boshqa function parametorida keladi.
— Recursive function -> o'zini o'zi chaqiradigan function
— High Order Function -> Yuqori tartibli function
— Arrow function -> const arrFun = ()=>{...}
— Immediately Invoked Function Expression IIFE -> (){...}()

42 - savol | Callback function nima? — callback function -> function boshqa function parametorida keladi.
— built-in callback functionlar -> array, string va boshqa data type methodlarida keladi.
— callback hell -> callbackni nesetd holatida olib kirib ketish ishni

43 - savol | Recursion function nima? — Recursive function -> o'zini o'zi chaqiradigan function
— Loop o'rnida ishlatish ham ishlash tezligiga tasir qiladi.

44 - savol | HOF function nima? — High Order Function -> Yuqori tartibli function.
— function boshqa functionni scope'da ishlatishiga aytiladi.
— example link

45 - savol | Arrow function nima va regular functionda farqlari haqida gapiring. — Arrow function -> const arrFun = ()=>{...}
— arrow functionda this ishlamaydi.
— arrow function gulli qavussiz yozganimizda returnga qaytadi.
— new keyword bilan ishlatib bo'lmaydi.
— apply call bind bilan ishlatib bo'lmaydi
— A.F da arguments parameteri yo'q / o'rniga ...rest ishlatsak bo'ladi
— A.F'da prototype object yo'q
— Generator function sifatida ham ishlatib bo'lmaydi.
— Duplicate bo'lgan parameter error beradi. / regular function'da 'strict mode' ishlatish kk bo'ladi.
— Qo'shimcha o'rganish uchun rasm va example link

46 - savol | IIFE haqida malumot bering. — Immediately Invoked Function Expression image link
— Shu bilan birga Self-Executing Anonymous Function deb ham nomlanadi.
— ES6 dan oldin ishlatilgan old scope function hisoblanadi.
— hozirda IIFE'ni oddiygina {...} orqali ifodalasa ham bo'ladi .
— Asosan module'ni ifodalagan. Qo'shimcha o'rganish uchun video va maqola

47 - savol | argument va parametor nima? — parameter -> function declare bo'lganda argument prototype bo'ladi -> function test(name, surname ){...}— argument -> function invoke bo'lganda beriladigan qiymat. test("webbrain", "academy").

48 - savol | default parameter nima? — function declare qilnayotgan vaqtda, argument berilmagan vaqtda ishlatiladigan qiymat. function test(name="webbrain"){...}

49 - savol | Shadow variable nima? — Inner function, outer functionda bo'lgan variable bn bir hil variable ochishi outer variable'ni shadowed qiladi.
— Buni to'liq tushunish uchun scope nimaligini bilish kerak.
— Shadowing haqida to'liq o'qish uchun blog

50 - savol | First class function nima? — variable'ga o'xshab keladigan functionga aytiladi.
— first class function == function expression.
— Mavzu haqida to'liq o'qish uchun blog

51 - savol | Pure va Impure function nima? — Pure function -> side effecti bo'lmagan function. Yani faqat o'zini scope'dagi variable ishlatadi va shunga soslangan output chiqaradi.
— Impure function -> side effect bo'lgan function. Yani inner function outer scopedan variable ishlatishiga aytiladi.
— Mavzu haqida to'liq o'qish uchun medium blog

52 - savol | Generator function nima? — function execution'ni continues bo'lmagan function.
— return / yield / next / done, value hususiyatlari bor.
— Mavzu haqida to'liq o'qish uchun mdn blog

53 - savol | Generator function nima? — function execution'ni continues bo'lmagan function.
— return / yield / next / done, value hususiyatlari bor.
— Mavzu haqida to'liq o'qish uchun mdn blog

54 - savol | Generator functionda return va yeild farqlari nima? — yield -> execution continue next.
— return -> ends the function .
— Mavzu haqida to'liq o'qish uchun mdn blog

55 - savol | Curry function nima? — function qaysiki boshqa functionga return qilgan.
— const test function(){ return function(){...} }
— Mavzu haqida to'liq o'qish uchun javascript info blog

56 - savol | Curry function vs Recursion function? — curry function -> boshqa functionga return qiladi.
— recursion function -> o'zini o'zi qayta chaqiradi.
— Mavzu haqida to'liq o'qish uchun javascript info blog

57 - savol | apply call bind nima? — function context'ga qiymat biriktirish.
— dexqoncha qilib aytganda functionda this contextga qiymat biriktiradi.
— Mavzu haqida to'liq o'qish uchun freeCodeCamp blog

58 - savol | function composition nima? — functionlarni birlashishidan hosil bo'lgan function.
— const composedFunction = x => f(g(x));
— Mavzu haqida to'liq o'qish uchun stackacademic blog

59 - savol | Template literals nima? — String ichida variable ishlatilishi. Backtic bilan kelgan holatda.
— `Hello, ${name}`
— Mavzu haqida to'liq o'qish uchun mdn blog

60 - savol | Template literals / Interpolation nima? — String ichida variable ishlatilishi. Backtic bilan kelgan holatda.
— `Hello, ${name}`
— Mavzu haqida to'liq o'qish uchun mdn blog

61 - savol | Single va double quote farqi nima? — Ishlatilishida farqi yo'q. — Single quote'da double quote ishlatish mumkin.
— Double quote'da single quote ishlatish mumkin

62 - savol | Single va double quote farqi nima? — Ishlatilishida farqi yo'q. — Single quote'da double quote ishlatish mumkin.
— Double quote'da single quote ishlatish mumkin

63 - savol | substring va substr farqi nima? — substring -> str.substring(startIndex, endIndex). — can alternate the index order, but the same result.
— substr -> str.substr(startIndex, length).
— deprecated!

64 - savol | includes va search farqi nima? — includes malumot bor yo'qligiga qarab boolean qaytaradi -> str.includes(val). — search qidirlgan malumotni indexini qaytaradi. Regexp bn ham ishlaydi -> str.search(regexp).
— Mavzu haqida to'liq o'qish uchun mdn blog

65 - savol | String'da katta va kichik harflarini sort qilishda qanday taqqoslaydi qiladi? — str.localeCompare(str). — return -1 / 0 / 1

66 - savol | Error handiling nima? — runtime errorlarni tutish. — try catch finally
— Error turlari -> Syntax, Reference , Type, Range

67 - savol | Promise nima? — deeply nested callback. — robust way to wrap asynchronous task .
— involves then catch
— next execution'ni kutmaydi

68 - savol | Promise vs async await nima? — promise chainni o'zi asynchronous. — async await'da to'liq function asynchronous
— har ikkisida ham then catch finally bor.
— Bu bilan promise bn async await teng degani emas.
— Promise'da readability qiyin, async awaitda onson
— Promiseda then catch bilan error handle qilinadi
— Async awaitda try catch bilan error handle qilinadi.
— More info: Ninja Code link / medium link

69 - savol | Object nima? — Key va value'dan tashkil topgan malumot turi. — array faqat item'dan tashkil topadi, objectda key biriktirilgan bo'ladi.

70 - savol | Object keylariga dynamic access haqida malumot bering. — Object key'lariga nuqta bilan va [] orqali kirsa bo'ladi. — [] - dynamic access deyiladi.
— keylarni variable value'si orqali ham chaqirish imkoni bo'ladi. Nuqta bilan bo'lmaydi.

71 - savol | Object Copying vs Referencing. — copy bo'lgan obj bir biriga bog'liq bo'ladi. Birini qiymatini o'zgartirsangiz ikkinchisiga ham tasir qiladi. let newObj = obj — Referencing obj bir biriga tasir qilmaydi. let newObj = structuredClone(obj) .
— Object.assign(target, source) -> bir objectni ikkinchisiga copy qilib o'tkazadi.

72 - savol | structuredClone nima?. — structuredClone() global function — objectdagi barcha malumotni olib yangisiga set qilish uchun ishlatsa bo'ladi.
— obj'ni oddiy tenglashdan farqi, addresini alohida set qiladi.

73 - savol | Object.assign() nima?. — Object.assign(starget, source) -> source'dagi barcha keylarni targetga copy qiladi. — bir hil keylardagi malumotlarni update qiladi.

74 - savol | Garbage collector nima?. — access qilib bo'lmaydigan malumotni xotiradan automatic tarzda o'chiradi. — Dasturchi tomonidan hech nima qilish shart emas.

75 - savol | Object distructure nima?. — Keylarni ajratib chiqarib olish {name} = obj. — nested ko'rinishi {info:{name}} = obj.
— : nuqta keyga yangi nom beradi

76 - savol | Object key bor yo'qligini qanday tekshiradi?. — in metodi true false qaytaradi -> 'name' in obj — ikkinchi yo'l -> obj.hasOwnProperty(keyName)

77 - savol | Optional chaining nima?. — istalgan data turini metodini chaqirayotgan vaqtda kerak bo'ladi.
— Agar metod data turida yo'q bo'lsa error qaytaradi.
— Agar optional chaining belgisini qo'ysa error o'rniga undefined qaytaradi
— Optional chaining bn project sinishini oldini oladi. Uning o'rniga undefined qaytaradi.
— let obj = undefined; obj?.name // undefined

78 - savol | Object.seal nima?. — Object keylari ustida qo'shimcha himoya — Object.seal(obj) - yangi key qo'shib bo'lmaydi
— bor keyni update qilsa bo'ladi
— keyni o'chirib yuborib bo'lmaydi.

79 - savol | Object.freeze nima?. — Object keylari ustida qo'shimcha himoya — Object.freeze(obj) - yangi key qo'shib bo'lmaydi
— bor keyni update qilib bo'lmaydi
— keyni o'chirib yuborib bo'lmaydi.

80 - savol | Object.preventExtension nima?. — Object keylari ustida qo'shimcha himoya — Object.preventExtension(obj) - yangi key qo'shib bo'lmaydi
— bor keyni update qilsa bo'ladi
— keyni o'chirib yuborsa bo'ladi.

81 - savol | Object properties flag nima?. — value -> qiymat yig'iladi. — writable -> boolean, malumotni edit qilish yoki qilmaslikni belgilaydi.
— enumerable -> boolean, malumotni loop qilish yoki qilmaslikni belgilaydi.
— configurable -> boolean, malumotni delete qilish yoki qilmaslikni belgilaydi.

82 - savol | Object flag qiymatlarini qanday o'zgartirsa bo'ladi?. — Object.defineProperty(obj, "keyName", { flag: value }); — writable -> boolean, malumotni edit qilish yoki qilmaslikni belgilaydi.
— enumerable -> boolean, malumotni loop qilish yoki qilmaslikni belgilaydi.
— configurable -> boolean, malumotni delete qilish yoki qilmaslikni belgilaydi.

83 - savol | Object setter va getter nima?. — setter va getter function orqali malumotni olish va update qilish un ishlatiladi — set changeName(prop){...} / obj.changeName = "new Name" || prop
— get getName(){...} / obj.getName / obj.getName() // error.

84 - savol | Raqamlarni necha xil usulda yozsa bo'ladi?. — general case -> 123, 12.34 — underscore zero's representation 100_000_000
— e representation, 1e2=== 100, 1e6===1,000,000

85 - savol | Integer to Binary?. — Number.toString(2) — parameter 2 o'rniga istalgan sanoq sistemasini yozsak bo'ladi.

86 - savol | Math nima?. — Arifmetik amallarni bajarishda yordam beradigna tayyor metodlar to'plami.
— methods -> abs, max, min, floor, ceil, random, sqrt, cbrt, pow.

87 - savol | Number'ning qanday metodlari bor?. — parseInt / parseFloat / toString / toFixed / toPrecision

88 - savol | Date objecti haqida malumot bering?. — date kompyuterdagi vaqtlarni ifodalash uchun ishlatiladi.
— default utf-8 formatda sanani qaytaradi.
— getHours / getMinutes / getSeconds / getYear / getFullyear ...
— Hafta kunlarini ifodalashda faqat 0-6 raqam qaytaradi. O'zimiz monipulatsya qilishimiz kk.

89 - savol | JSON nima?. — JavaScript Object Notaion.
— Stringni objectga, objectni stringa o'zgartirib beradi.
— malumot transfer qilishda tez va lightweight file.
— front bn backend o'rtasida fetch qilgan vaqtda ko'p ishlatiladi.

90 - savol | JSON .stringfy() haqida malumot bering. — stringfy obj'ni stringa o'zgartirib beradi. — stringify -> Object.stringfy(obj, [replacer], indetation).
— replacer -> object keylari, arrayda yozilgan key stringa convert bo'ladi.
— indent -> formatter uchun joy.

91 - savol | JSON.parse() haqida malumot bering. — parse object formatddagi string'ni objectga o'zgartirib beradi. — parse -> Object.parse(string).

92 - savol | setTimeOut nima? — let id = setTimeOut(callback, second). — callback functiondagi amallarni malum bir secund'dan keyin amalga oshiradi.
— id orqali xotiradagi joyni clearSetTimeOut(id) orqali o'chirib tashlash mumkin.
— setInterval bilan farqi, setInterval malum vaqtda qayta qayta ishlaydi, setTimeOut bir marta ishlaydi va to'htaydi.

93 - savol | setInterval nima? — let id = setInterval(callback, second). — callback functiondagi amallarni har secund qayta qayta yurgazib beradi.
— id orqali xotiradagi joyni clearInterval(id) orqali o'chirib tashlash mumkin.
— setTimeOut bilan farqi, setInterval malum vaqtda qayta qayta ishlaydi, setTimeOut bir marta ishlaydi va to'htaydi.

94 - savol | new Map nima? — array like object -> yani o'z ichida faqat unique value saqlaydi. — duplicate'larni avtomatik o'zi ochiradi.
— methods -> get, has, add, delete
— can use with forEach but not other array methods

95 - savol | new Set nima? — array like object -> yani o'z ichida key va value saqlaydi. — methods -> get, has, set, delete
— can use with Object.properties but not other object methods

96 - savol | new WeakMap nima? — new Map dan farqli ravishda WeakMap garbage collectionga tushmaydi. — Map istalgan qiymatni key sifatida oladi, WeakMap esa faqat object qabul qiladi.

97 - savol | new WeakSet nima? — new Set dan farqli ravishda WeakSet garbage collectionga tushmaydi.
— Set istalgan qiymatni value sifatida oladi, WeakMap esa faqat object qabul qiladi.

98 - savol | Set vs Mapnima? — Set -> key va value'dan tashkil topgan. Like Objet
— Map -> faqatgina value'dan tashkil topgan. Like Array.

99 - savol | WeakSet vs WeakMapnima? — WeakSet -> key va value'dan tashkil topgan. Like Objet
— WeakMap -> faqatgina value'dan tashkil topgan. Like Array.

Advanced Questions 100 ~ 199

100 - savol | Class nima? — Class object yasash uchun template vazifasini bajaradi.
— Objectdan farqli ravishda class'ning o'ziga tegishli funksiyalari mavjud.
— asosan malumotni encapsulate qilib ishlashda ishlatiladi.

101 - savol | Class constructori nima? — constructor class chaqrilishi bilan birinchi run bo'ladi.
— constructor functiondagidek parametor qabul qiladi.
— Meros olishda child constructor parent constructorga malumot ham jo'natadi.

102 - savol | Class getter setter nima? — setter va getter function orqali malumotni olish va update qilish un ishlatiladi — set changeName(prop){...} / class.changeName = "new Name" || prop — get getName(){...} / class.getName / class.getName() // error.

103 - savol | Computed name Class nima? — variable yoki function nomlarini variable orqali olishiga aytiladi.
— syntax -> [name](){...}.
— Ko'proq malumot olish uchun manba blog.

104 - savol | Class inheritance nima? — inheritance meros olish hisoblanadi..
— syntax -> class merosOlganClass extends otaClass { ... }
— Meros olgan class, uning ota classidagi barcha malumotlarni ishlatish imkoniga ega bo'ladi.
— Ota class child class husiyatlarini ishlata olmaydi.

105 - savol | Overriding class constructor nima? — meros olgan class orqali constructor yozishimiz bilan super funksiyasi yozilishi majburiy bo'ladi va superga berilgan qiymay bilan parent constructor overrida bo'ladi.
— syntax -> constructor(props){ super(props) }

106 - savol | parent class metodini qanday chaqiramiz? — meros olgan class orqali super keywordi orqali parent class methodlarini yozsak bo'ladi.
— syntax -> class test{ super.callParent() }

107 - savol | Classda static variable nima? — Odatda har safar yangi class copy yasalsa ichidagi malumotlar ham bir biriga bog'liq bo'lmagan holda copy bo'lib o'tadi.
— static variable esa barcha copy bolgan classlar uchun bitta bo'ladi.
— Ko'proq malumot olish uchun manba blog.

108 - savol | Classda static function nima? — Odatda har safar yangi class copy yasalsa ichidagi malumotlar ham bir biriga bog'liq bo'lmagan holda copy bo'lib o'tadi.
— static function esa barcha copy bolgan classlar uchun bitta bo'ladi.
— Ko'proq malumot olish uchun manba blog.

109 - savol | Classda mixins nima? — Mixin -> class inherit qilmasdan uning malumotini ishlatishga aytiladi.
— Malumot object prototypega biriktirilgan holda access qilinadi.
— syntax -> Object.assign(target.prototype, sourceClass)

110 - savol | instanceof nima? — instanceof object type'larini tekshirib beradi.
— syntax -> obj instance of Class // true.
— Ko'proq malumot olish uchun manba blog.

111 - savol | Built-in class nima? — Date / Array / Object va boshqalar
— Pseudo class va prototypelari bolgan barcha methodlar kiradi.

112 - savol | Module nima? — Bir filedagi code'larni ikkinchi fileda ishlatishga module based code deyiladi.
— Malumotlarni import export orqali transfer qilinadi.

113 - savol | default export nima? — module da export qilishni ikki hil ko'rinishi bor.
— export -> export { functionName, nameVar }.
— export default -> export default functionName.
— expert defaultda faqat bitta malumot jo'natsa bo'ladi
— export default malumotini qabul qilishda ixtiyoriy nomdan foydalansa bo'ladi.

114 - savol | export bo'lgan malumotni nomini qandat o'zgartirsa bo'ladi? — export bo'lgan malumot nomi qanday bo'lsa shunday import qilish shart.
— export -> export { functionName, nameVar }.
— lekin import bo'lish jarayonida ikki nuqta orqali yangi nom bersa bo'ladi.
— import { nameVar: newName } from './file location'

115 - savol | * import nima? — yulduzcha bilan import qilganda file'dagi barcha malumotlarni olib keladi.
— exportdagi malumotlarni to'g'ridan to'g'ri name bn chaqiriladi.
— defaultdagi malumot default parami orqali keladi

116 - savol | Event loop nima? — event loop javascriptning fundamental konsepsiyasi.
— event loop code'larni ishlash tartibini belgilovchi mehanizim.
— event loop bu doimiy biron topshiriq bor yoki yo'qligini tekshiruvchi loop.
— JavaScript single thread bo'lgani uchun bir vaqtni o'zidan faqat bitta topshiriq bajara oladi. Yani asinhron funksiyalarni to'g'ri ishlashi uchun ham event loop kerak bo'ladi. Event loop bo'lmaganida asinhron funksiyalar boshqa code'larni yurishini blocklab qo'ygan bo'lar edi.

117 - savol | microtask nima? — microtasklar -> dehqoncha qilib aytganda, o'zini ishini qiladi va event loop'ni keyingi taskgaa o'tishini taminlaydi.
— bajarilishi muhim bo'lgan tasklar.
— aksar kishilar promise va async await macrotask deyishadi, aslida esa ular micro task.

118 - savol | macrotask nima? — macrotasklar -> dehqoncha qilib aytganda, scope to'liq tasklarni bajarishini kutadi va keyin bajariladigan taskka aytiladi.

119 - savol | Proxy nima? — new Proxy objectlarni boshqaruvchi vositachi.
— Proxy target objectni qayta define qiladi. Bu bilan object core hususiyatlarini o'zgartiradi.
— Proxy'ni get, set, has va owenKeys kabi metodlari bor.

120 - savol | Proxy reflext nima? — Reflect proxy'ni soddalashtirilgani.
— reflect faqat set va get bilan ishlaydi holos (.

DOM Questions

121 - savol | DOM nima? — Document Object Module.
— HTML'dagi malumotlarni javascriptda monipulatsya qilish uchun DOM kerak.

122 - savol | DOM Selectorlari haqida malumot bering. — Selectorlar deb html elementini tanlab oluvchi metodlarga aytiladi.
— getElementByID / getElementByClass / getElementByTagsName /
— Query selectorlari ham bor. Ular huddi css selectorlariga o'xshaydi.

123 - savol | QuerySelectorlari haqida malumot bering. — Query selectorlari huddi css selectorlariga o'xshab ishlaydi.
— DOM selectorlaridan farqli ravishda querySelector va querySelectorAll ga bo'linadi
— malumotni olishda arguent sifatida id orqali olish uchun "#", class uchun " . ", tag uchun to'g'ridan to'g'ri nom yoziladi.
— syntax -> document.querySelector(".name") // name nomli class elementini olib keladi

124 - savol | textContent bilan innerHTML farqi nimada? — Har ikkisi ham elementning malumotini nazarda tutadi lekin:
— textContent -> faqatgina textni o'ziga tasir qiladi, tag'ga emas.
— innerHTML -> malumot biriktirishda tag ham yozsa bo'ladi va amalda tasir qiladi.

125 - savol | Node bilan Element farqi nimada? — DOM'da barcha narsa node deyiladi -> Element, attribute, text, comment, document, etc.
— Element node'ning malum bir turi.
— Element -> HTML yokida XML bo'ladi.

126 - savol | Elemetnga qanday qilib attribute set qilsa bo'ladi? — DOM'da attribute set qilish uchun setAttribute va classList metodlari bor.
— setAttribute(key, value) -> elementga istalgan turagi attribute'ni set va delete qilsa bo'ladi
— classList -> orqali faqat class attributeni qo'shsa bo'ladi.

127 - savol | classList metodi haqida malumot bering? — DOM'ga class attributeini monipulatsiya qilish uchun ishlatiladi.
— classList -> orqali faqat class attributeni qo'shsa bo'ladi.
— methods -> add, remove, replace va toggle

128 - savol | eventlar necha hil ko'rinishda biriktiriladi? — addEventListener.
— attribute eventlar -> onclick, onmove, onhover...
— with expression -> Element.onclick = function(){...}

129 - savol | eventlar necha hil ko'rinishda biriktiriladi? — addEventListener -> Element.addEventListener("click", function(){...})
— attribute eventlar -> onclick, onmove, onhover...
— with expression -> Element.onclick = function(){...}

130 - savol | Event bubbling nima? — nested joylashga elementni click qilgan vaqtda parent ham click bo'lishiga aytiladi.
— parent elementlarini eventlarini to'htatib qo'yish orqali event bubbling oldini olsa bo'ladi.
— stopPropagation va stopImmediatePropagation

131 - savol | Event bubbling'ni qanday oldini olsa bo'ladi? — stopPropagation -> barcha parent elmentlar eventini to'htatadi.
— stopImmediatePropagation -> birinchi parent elmentlar eventini to'htatadi.

132 - savol | Event delegation nima? — Multiple Eventlarni high order orqali control qilishga aytiladi.
— dexqoncha varianti -> hamma elementga alohida method yozmasdan bittasi orqali qolganlarini boshqarish.

133 - savol | fetch methodi nima? — fetch api orqali malumotlarni tutib olish uchun ishlatiladi.
— syntax -> fetch(api, handler).
— fetch malumot tutib olish, o'chirish, update qilish hususiyatlariga ega.
— handler -> methods, headers, body...

134 - savol | fetch status code'lari nima? — fetch status code'lari malumot tutib olishdagi resultat haqida malumot beradi.
— status code'larga qarab natija backend yoki frontend'dan xato qaytayotganligini aniqlasa bo'ladi.
— 200 malumot to'g'ri kelganligi / 201 malumot to'g'ri va yana bir qo'shimcha amal borligini bildiradi. 401 ro'yhatdan o'tmaganligi / 500 server bn muamo vhk..
— statuslar bo'yicha to'liq tanishish uchun manba blog.

135 - savol | fetch config methodlari haqida malumot bering. — method: post / get / delete / put / patch.
— headers -> object, request header hisoblanadi.
— body -> 100ta uzulikdagi malumot ketadi.

136 - savol | fetch headers nima? — fetch headers backend bilan bog'lanayotgan vaqtda qo'shimcha informatsiya berish uchun kerak bo'ladi.
— Content-type: "application/json" -> malumot turi
— Content-length: 100 -> 100ta uzulikdagi malumot ketadi.
— Authorization: "Bearer ${token}" -> login qilinganni tasdiqlovchi token.

137 - savol | formdata nima? — backendga malumot jo'natishda ishlatiladi. -> let form = new FormData([form]);
— asosan media file'lar jo'natganda ishlatiladi, qolgan hollarda to'g'ridan to'g'ri malumotni o'zini jo'natsa ham bo'ladi.
— methods -> form.append | has | get | delete | set

138 - savol | URL nima? — bugungi kunda url bajargan ishni oddiy string ham bajara oladi.
— faqatgina searchParams methodi ajralib turadi.
— syntax -> new URL(url, base)
— url -> address / base -> prefix lekin optional
— methods -> url.protocol | host | pathname | hash
— Savol bo'yicha blog post

140 - savol | localStorage nima? — localStorage browser hotirasi hisoblanadi.
— localStorage JavaScript global object.
— methods -> localStorage.setItem | getItem | clear | removeItem
— cookies ga o'xshab malumot request bn birga backendga jo'natilmaydi.
— Browser hotirasidan o'zimiz o'chirmagunimizcha o'chib ketmaydi, browser to'liq yopilsa ham.
— Browserga qarab 5-10mb joy ajratadi, har bir site uchun.
— Savol bo'yicha blog post

141 - savol | sessionStorage nima? — sessionStorage browser hotirasi hisoblanadi.
— localStorage JavaScript global object.
— methods -> sessionStorage.setItem | getItem | clear | removeItem
— cookies ga o'xshab malumot request bn birga backendga jo'natilmaydi.
— tab yopilganda xotiradagi malumotlar o'chadi.
— browser hotirasi 5mb
— Savol bo'yicha blog post

142 - savol | Cookies nima? — cookie browser hotirasi hisoblanadi.
— cookie JavaScript global object.
— methods -> document.cookie
— malumot request bn birga backendga jo'natiladi.
— malumot o'chishini manually belgilaymiz.
— browser hotirasi 4kb
— Savol bo'yicha blog post

143 - savol | Cookies flag nima? — cookie browser hotirasi hisoblanadi.
— cookie JavaScript global object.
— syntax -> document.cookie =" "
— cookie flags -> secure | samesite: 'strict|lax' | max-age: expireSecond | expire:'expireDate' .
— malumot o'chishini manually belgilaymiz.
— browser hotirasi 4kb
— Savol bo'yicha blog post

144 - savol | Memory leak nima va qachon sodir bo'ladi? —

BASICS QUESTIONS 1 ~ 99

Advanced Questions 100 ~ 199

DOM Questions

Montajda davomi tayorlanmoqda...