GDG devfest oldidan o'tkazilyotgan online suhbatlarda men ham o'z tajribam bilan bo'lishdim.

https://youtu.be/3Tr2Az3Jv8s

Yuqoridagi postni o'qishga eringanlar bo'lsa, oxiridagi xulosa bunday:

Shuni esda tutishingizni xohlagan bo'lardim: har doim yozgan kodingizga qarab, buni yaxshilash mumkinmi degan savolni o'zingizga berib ko'ring. Agar javob "ha" bo'lsa, uni qilish arzigulikmi degan savolni bering. Men ham shu savolni o'zimga berdim va "hozir arzimaydi" degan xulosaga keldim. Chunki muhim ishlar turganda bunga vaqt ketkazgim kelmadi. Shuning uchun ham kodni refaktor qilganim yo'q.

#prioritization

Umuman olganda o'zi React'ni ishlatish ham SHART emas. Axir hammasini toza JavaScript'da yozishning iloji bo'lsa!

- degan ekan Afandi.

Aytgancha Instagram va YouTube kanalimga har kuni Reels/Shorts yuklab boryapman.

Insta: https://instagram.com/brogrammistuz

YouTube: https://youtube.com/@brogrammistuz

- Siz programmistmisiz?
- Yog'e, shunchaki havaskorman.
- Unda grammistmisiz?
- 😐

#kunhazili

Kodda chalg’ituvchi kichik narsa bor edi. Ko’pchilik bu sintaksisni bilmaydi. Agar qavs ichida qiymatlar vergul bilan ketma-ket yozilsa, faqat oxirgisi olinadi:


let i = (0,1,2,3);
console.log(i); // 3


Qavs ichida xohlagan ishingizni qilsangiz bo’ladi. Masalan setTimeout:


let i = (setTimeout(()=>alert()), 2);
console.log(i); // 2
// keyin alert ishlaydi

Aytgancha setTimeout 2-parametrini berish shart emas. O’zi nol bo’lib ketadi:


setTimeout(()=>alert());
// bir xil
setTimeout(()=>alert(), 0);

Lexical scopes in for-loop

For-loop strukturasi 4 ta asosiy ifodaviy qismlardan iborat:

for (ifoda1; ifoda2; ifoda3) {
 ifoda4;
}

1-ifoda sikl boshida FAQAT BIR MARTA ishga tushadi. Bu yerda biz ko’pincha o’zgaruvchilar e’lon qilamiz, boshlag’ich holatni belgilaymiz.

2-ifoda har safar sikl boshida ishga tushadi. Bu yerga sikl tugatilish sharti qo’yiladi.

4-ifoda siklimiz tanasi. 2-ifodadan ROST qiymatini olar ekanmiz, 4-ifoda har doim bajariladi.

3-ifoda har safar sikl tugaganida ishga tushadi. Bu yerda sikl yakunlangaida qilinishi kerak bo’lgan amal(lar)ni joylaymiz.

JavaScript’da “lexical scope” tushunchasi mavjud. Qisqacha ma’nosi leksik maydon. Yuqoridagi for-loop strukturasidagi ifodalarning har biri o’z leksik maydonini yarata oladi.

Misolga qaraydigan bo’lsak, setTimeout 1-ifodaning “lexical scope”ida joylashgan. Ifoda esa bir martagina ishga tushadi. O’zgaruvchi let orqali e’lon qilingani uchun “i”ning qiymati setTimeout uchun o’shaligicha qolaveradi.

1-ifoda ekvivalenti bunday bo’ladi:

let i = (setTimeout(()=>console.log(i)), 0);

// tushunarliroq qilib yozsak
{
 let i = 0;
 setTimeout(()=>console.log(i), 0);
}

Shunday ekan, for-loop’da bo’ladigan keyingi o’zgarishlarning setTimeout ichidagi “i”ga hech qanday tasiri yo’q. Chunki u alohida “lexical scope”da.

Javob: 0