Odatda JavaScriptni ishlash tartibini ko'rish uchun, Loupe loyihasi yodimizga keladi, sababi, bu saytda Event loopdan tortib JavaScriptni async and sync ishlashini ko'rsangiz bo'ladi.

Keling ketma-ketlikda tanishishib chiqamiz!

Bilamizki, JavaScript synchronous tartibda ishlaydi ya'ni tasklarni ketma-ketlikda o'qiydi. Ammo bunda asynchronous amallarni bajarsak bo'ladi.

Synchronous - bu kechikishlarsiz ishlaydigan kod yoki task desak bo'ladi.
Asynchronous - bu vaqt oladigan tasklarni tushunishimiz mumkin. Bunga misollar juda ko'p, timerlar (setTimeOut...), Promiselar (resolved, fullfiled, rejected), Ajaxlar (XMLHttpRequest) esingizdami?

JavaScriptda asosan 2 ta xotira mavjuda heap (bu yerda asosan objectlar va funksiyalar saqlanadi) va call stack (turli data structurelar saqlanadi)

Ushbu rasmda ko'rishingiz mumkinki heap, stack va web API bor. Keling har biriga alohida ta'rif beramiz.

Heap - Ob'ektlar uchun shu yerda xotira ajratiladi, bu xotiraning asosan tuzilmagan katta hududini bildirish uchun nomdir.
Stack - Bu JavaScript kodini bajarish uchun taqdim etilgan bitta taskni ifodalaydi.
Brauzer yoki veb-API-lar veb-brauzeringizga o'rnatilgan bo'lib, ular brauzer va uning atrofidagi kompyuter muhitidan ma'lumotlarni ochishga va u bilan foydali murakkab ishlarni bajarishga qodir. Ular JavaScript tilining bir qismi emas, aksincha ular asosiy JavaScript tilining ustiga qurilgan boʻlib, JavaScript kodingizda foydalanish uchun qoʻshimcha imkoniyatlarni taqdim etadi.⁠

Yuqoridagi diqqat qaratsangiz, quyidagi kod bajariladi, buni o'zingiz ham loupeda sinab ko'rsangiz bo'ladi.

⁠⁠console.log('Hi') setTimeout(function cb() { console.log('there') }, 5000) console.log('JSConfigEU')

- Dastlab console.log('Hi') ishlashni boshlaydi, u stack ga o'tadi va to'gridan to'g'i console ga chiqadi.
- Keyingisi async taskga kelganda u webapis ga o'tadi va keyin task queue ga o'tib keyingi amalni kutib turadi, albatta bu vaqt bo'yicha farq qilishi mumkin, 5 sekund kutganich oxrigi task ⁠console.log('JSConfigEU') bu allaqchon console ga chiqadi.

- task queue bo'shab, stackga o'tadi, endi esa console ga chiqishga vaqt keldi, demak oxirida console.log('there') natija chiqadi, event loop sikl bo'yicha stackga ob keladi va keyin ishlaydi.

Ushbu videoda ayni shu misollarni keltirilgan men uni qisqacha xulosasini yozdim xolos, o'zingiz ko'rib o'rganishingiz mumkin.

JavaScript o'zi qanday ishlaydi? the call stack: one thread == one call stack == one thing at a time

How to approach our problem 🚀How to crack the coding interview

Code academyCode academy - dasturlash sohasidagi online platforma

© 2024 sukhrob-abdullaev.uz