Objectlardan qanday qilib CLONE olishmumkin ?

1. for in
2. Object.assign
3. spread operatori

@abs_javascript

Objectlardan For In orqali clone olish. Bu usul hozirgi paytda juda kam ishlatiladi lekin.

@abs_javascript

Objectdan Object.assign orqali clone olish.
Bu usul orqali bir qancha objectlarni birlashtirishham mumkin.

@abs_javascript

spread operatori - objectdan clone olishning eng sodda usuli. Hozirgi kunda juda ko'p foydalanishadi.

@abs_javascript

Garbage Collection

Biz object yaratgan paytimizda ( let obj= {} ) shu objectga kerakli xotirani javascript automatik yaratib beradi.

Biz yaratgan objectni ishlatib bo'lganimizdan keyin u boshqa ishlatilmaydigan bo'lsa , Javascript uni aniqlab oladi va uni hotiradan tozalab tashlaydi.

Objectga berilgan hotirani tozalashlik uchun unga null qiymatini berib yuborish kerak. Shunda Garbage Collection kelib unga ajratilgan joyni tozalab tashlaydi.

————

Insonlar sizni Garbage Collection orqali tozalab yubormasligi uchun , ularga hali kerak bo'lib qolishingiz mumkin ekanligini isbotlab turish kerak. ( shaxsiy )

@abs_javascript

Men oldin javascriptni bilar edim , turli loyihalar qilardim.
Keyin javascriptni ohiriga yetaman deb rossa o'qidim , o'rgandim va bir qancha vaqt o'tdi , men o'rganmoqchi bo'lgan ko'p narsalarni deyarlik hammasini o'rgandim.
Natijada nima bo'ldi ?

Men oldingidan ko'ra 2 barobar ko'p narsa o'rganishim kerak endi!!

@abs_javascript

2 hil vaziyatda odam men ko'p narsani bilaman deydi.

1. Rostan ham ko'p narsani bilganida.
2. Juda kam narsani bilmaganida.

Math

JavaScript Math obyekti raqamlar ustida matematik vazifalarni bajarishga imkon beradi.

@abs_javascript

String method lar

1. split() — textni bo'lib beradi va qaytgan qiymat Array boladi.
2. length — uzunligini aniqlaydi
3. toLocaleLowerCase() — textni kichik harfga alishtiradi.
4. toLocaleUpperCase() — textni katta harfga alishtiradi.
5. indexof() — textni birinchi joylashuvini anqlaydi. Text yoq bo'lsa (-1) qaytaradi.
6. search() — satrni moslik halatini anqlaydi.
7. slice() — textni malum qismini ajratib oladi.
8. includes() — textni bor yoqligini qaytarib beradi .
9. startsWith() — text qaysi so'zdan boshlanganligini tekshiradi.
10. endWith() — text qaysi so'zdan tugaganini tekshiradi.
11. replace() — textni boshqa text bilan alishtirish.
12. trim() — textni chap va o'ng tarafidagi probellarni olib tashlaydi.
13. trimEnd() va trimStart() — o'ng va chapdagi probellarni alohida olib tashlash.

@abs_javascript

Array in JavaScript

1. push() - Array songiga element qo'shish.Bir vaqtning o'zida bir qancha element qoshish imkoni bor.
2. unShift() — Array boshiga element qo'shish.Bir vaqtning o'zida bir qancha element qoshish imkoni bor.
3. splice(a,b,c) — 3 ta parametrga ega , a boshlanishi , b qaysi elementgacha ochirish tashlash , c array orasiga malumot qoshish.

// qidiruv uchun ishlatiladiganlari

4. indexOf(a,b) - tartib raqamini qaytadi.Yoq bolsa (-1) qaytadi. ikkitaparametiri bor a, b shaklida korsatdim. Bu degani a ni b chi indexdan boshlab qidirgin degani bo'ladi.

5. lastIndexOf(a,b) - ohiridan tartib raqamini qaytadi.
6. includes() — Elementni bor yoq ligini aniqlaydi (true , false ). Arraynio Object qiynatlarida ishlatganizda aniqlay olmaydi.
7. find() — arrayni birin qiymatini topishlik uchun ishlatiladi. arrayni object qiymatlari uchunham ishlaydi.
8. findIndex() — tartib raqamini qaytaradi.

@abs_javascript

davomi...

// Arraydan malumotlarni ochirish
9. pop() - Arrayni ohiridan o'chiradi.
10. shift() - Arrayni boshidan ochiradi.
11. splice() - Arrayni istagan joyidan malumotini ochiradi.

Hamma malumotini ochirib tashlash
1.Arrayni bosh ([]) arrayga tenglab qoshiy
2. length ini nolga tenglsh kerak

@abs_javascript

GSAP ( Amalyot )

GSAP kutibxonasi bilan mini amalyot qilib ko'rdim. GSAP ni saytiga kirganimda anchagina qorqitgandi oldin ( hozir ham qorqitadi ) . Eng zo'r animationlar shu kutibxona orqali qilinadi deb bilaman.

Bugun bir chekkasidan sinab ko'rishni boshladim. scrollTrigger bolimini sinab ko'rdim.

Link: https://abdulvahob-gsap.netlify.app/
GitHub: https://github.com/Abdulvahobjon/js-project-30/tree/main/gsap

@abs_javascript

JavaScript intervyu

Joshni bergan savollariga , biz javob berib koramiz. Men savollarga javob berib ketaman , agar undan yaxshiriq javob berish imkoni bo'lsa Commidga yozib ketinglar.

1. JavaScriptda data typelar necha xil ?

2 xil data type bor
1. Primitive
2. Reference

Primitive ga Number , String , Boolean , Null , Undefined , BigInt , Symbols lar kiradi.
Reference ga Object kiradi. Objectni ichiga , Object , Function / class , Array , Map , Sat.

@abs_javascript

2. BigInt nima uchun kerak ?

Number da sonlarni 308 xonagacha chiqarish mumkin lekin arifmetik amallarni faqat 16 xonagacha togri hisob kitob qiladi. Biz katta sonlar bilan ishay olishligimiz uchun BigInt kerak bo'ladi.

@abs_javascript

3.Symbol qanday ishlatiladi va ustun jihati ?

Symbol ni ustun jihati , har bir yaratilgan Symbol unikal ( bir biriga o'xshamagan ) bo'ladi.
yozilishi: let NewSm = Symbol("Abs JavaScript")

@abs_javascript

4. Undefined va Null farqi?

Undefined - o'zgaruvchi qiymat berilmagan yoki o'zgaruvchilarning mavjud bo'lmaganligini ko'rsatib beradi.
Null - qiymatning yoq ekanligini bildiradi. O'zgaruvchini qiymatini bo'shatish uchun ham ishlatiladi .

@abs_javascript

5.Type Conversion nima ?

O'zgaruvchilar oz data type ni boshqa bir data type ga o'zgartirishi aytiladi. Bu narsa ikki hil usulda amalga oshishligi mumkin. 1. javascript fuksiyalaridan foydalanish orqali 2. Javascript o'zi tomonidan automatik amalga oshiradi.
Misol: let a = "34" Stringdan a = Number(a) Number ga o'zgaryabdi.
let b = 34 Number dan b = b + "salom" Stringga o'tish.

Data typelarning o'zgarishlari.
String dan Numberga
Numberdan Stringga
Boolean dan Numberga
Numberdan Booleanga
new Date() dan numberga
Numberdan new Date() ga o'zgarishlari mumkin.

@abs_javascript

6. let , var , const haqida aytib bering ?

O'zgaruvchilar yaratishning 3 xil usuli mavjuda let , var , const.
Let va var farqi ?

1. var o'zgaruvchilarni hoisting qiladi va uni qiymati aniqlangan Undefined bo'ladi. var fuvtion scope bo'ladi va funksiya ichida yaratilgan var (ozgaruvchi) funksiyaning istagan joyida ishlatilishi mumkin. var da bir xil nomli o'zgaruvchilarni yaratish mumkin.
2. let hoisting bo'ladi lekin uni qiymati anqlanmagan. Let block scope bo'ladi va {} ichidan tashqariga chiqib keta olmaydi. bir hil nomli o'zgaruvchilarni yaratish mukin emas.

@abs_javascript