|
Next Element siblings, Previous Element Siblings, Parent Node
|
| Sana | 23.12.2023 | | Hajmi | 1,15 Mb. | | #127711 |
Bog'liq 5-oy, 6-dars Agenda
Savol-javob
Next Element siblings, Previous Element Siblings, Parent Node
Synchronous Javascript.
AJAX Call
API
Then, catch metod
previousElementSibling, nextElementSibling
Tanlangan elementni o’zidan avvalgisini oladi
Tanlangan elementni o’zidan keyingisini oladi
parentNode, closest()
parentnode - Child Element orqali otasini tanlab olish uchun ishlatiladi
Ajdodlarini topish uchun ishlatiladi
Callback vs Higher order functions
Higher order funksiyalar funksiya qaytaruvchi funksiya. Misol uchun funksiyani o’zida return qilishi yoki avvalgi darslar kabi funksiyani parametrda qabul qilib so’ng shuni return qilishi mumkin.
Closure – ichkaridagi funksiya (innerFunction) tashqaridagi funksiyaning (outerFunction) variable va paramterlariga kira olishi
Callback function
Callback funksiyalar boshqa funksiyaga keyinroq ishlatilinishi uchun argument sifatida yuboriladi, odatda birinchi funksiya o’zi ishini tugatgandan keyin ishlaydi.
Callback funktsiyasining maqsadi - qabul qiluvchi funktsiyaga unga uzatilgan ma'lumotlar bo'yicha ba'zi operatsiyalarni bajarishga ruxsat berish va keyin natija bilan asl funktsiyada return bo’lish.
Example AJAX calls va API
AJAX ichidagi XML hozirgi kunda deyarli ishlatilmaydi. Hozir ko'p ishlatiladigan format JSON
API - Application Programming Interface. Bitta application, ikkinchisi bilan gaplashishi. Masalan, frontendni backend bilan gaplashishi ham API orqali bo'ladi.
Example
Restaurant misolida
Biz frontendan turib request yuboramiz bizga ma'lum datani bergin deb, API es bizga kerakli datani databasedan qidirib topib kelib beradi.
API yaratish, umumiy api bilan ishlab bizga api link berishini backendchi dasturchilar shug'ullanadi
fetch
Fetch – ma’lumotlarni backendda olish yo’li
fulfilled vs. rejected
Asinxron raishda qiymatlarni olish uchun bir container desak bo’ladi
fetch: fetch, HTTP so'rovlarni yuborish uchun ishlatiladigan JavaScriptning ichki funksiyasidir. Ushbu holatda, 'https://jsonplaceholder.typicode.com/photos' manziliga GET so'rovini yuborish uchun ishlatilmoqda. fetch funksiyasi so'rovga javob beradigan Response obyektini qaytaradi.
then: then – Promiseni metodi. Ushbu metod Promiseni bajarilgandagi (fulfilled) yoki rad etilgandagi (rejected) holatini aniqlash uchun ishlatiladi. Bunda 2 ta then ishlatilgan
Birinchi then funksiya serverdan kelgan javobni olishuchun ishlatiladi. Ushbu response obyektini olish uchun response.json() ni chaqiruvchi callback funksiyani qabul qiladi. response.json().
JSON shaklini o'qib oladigan boshqa bir asinxron operatsiyadir
Promiseni qaytaradi.
Ikkinchi then esa JSON dan parse bo’lgan ma’lumotlarni olish uchun ishlatiladi
Birinchi then funksiya serverdan kelgan javobni olishuchun ishlatiladi. Ushbu response obyektini olish uchun response.json() ni chaqiruvchi callback funksiyani qabul qiladi. response.json().
JSON shaklini o'qib oladigan boshqa bir asinxron operatsiyadir
Promiseni qaytaradi.
|
| |
