17 Javacript optimization tips to know in 2021 🚀

17 Javacript optimization tips to know in 2021 🚀

XodiyevLutfulloxon
Javascript optimization tips to know in 2021

Siz Javascript dasturlash tilida uzoq vaqtdan beri kod yozib kelayotgan bo'lishingiz mumkin, lekin ba'zida sizning kod yozish jarayoningizda qo'shimcha kodlar yozmasdan muammolaringizni hal qiladigan eng yangi xususiyatlar bilan yangilanmasligi mumkin. Ushbu usullar sizga toza va optimallashtirilgan JavaScript kodini yozishda yordam beradi. Bundan tashqari, ushbu mavzular 2021 yilda o'zingizni JavaScriptga intervyu berishga tayyorlashga yordam beradi deb o'ylayman.

Eslatma: longhand => kodning uzunroq yozilib ketilishi

shorthand => kodning qisqacha (optimal) yozilish varianti

Dasturchilarda bitta gap bor. (Don't repeat yourself => O'z o'zingni takrorlama )

Shuning uchun aniq, tushunarli va qisqaroq yo'ldan kod yozishga harakat qilamiz 😉

1. If with multiple conditions

Code

2. If true … else Shorthand

Code

3. Null, Undefined, Empty Checks

Biz yangi o'zgaruvchilar yaratganimizda, ba'zida biz uning qiymati uchun murojaat qilayotgan o'zgaruvchining nol yoki aniqlanmaganligini tekshirishni xohlaymiz. Ushbu funksiyalarni tekshirish uchun JavaScriptda juda yaxshi stenografiya (qisqaroq yozish usuli) mavjud.

Code

4. foreach Loop Shorthand

for siklining qisqacha yozilishi

Code

5. Short function calling

Funksiyani qisqacha chaqirilishi ternary operator yordamida

Code

6. Object.entries()

Ushbu funksiya Objectni arrayga aylantirib beradi ( Eslatma: ES8 da qo'shilgan funksiya)

Code

7. Object.values()

Obektdan keylarini alohida bitta massivga olib beradi.

Code

8. Repeat a string multiple times

Ayrim hollarda bitta string qiymatni ko'p marotaba takrorlashga to'gri keladi.

Code

9. Power Shorthand

Sonning darajasini yozishning qisqacha ko'rinishlari

Code

10. Numeric Separators

Endi raqamlarni shunchaki _ belgi bilan osongina ajratish mumkin. Bu ko'plab raqamlar bilan ishlaganda anglashmovchilikka olib kelmasligi uchun yangi sintaksis

11. Filter Unique Values

Set obekti turi ES6 da joriy qilingan va spread operatori yordamida massivdan bizga takrorlanmagan elementlarni bizga qaytarib beradi. (Rest va Spread operatorlari haqida keyingiz maqolamizda tanishib o'tamiz)

Code

12. Convert to Boolean

Boolean mantiqiy operatorini odatda let a=true yoki let b=false deb ishlatib o'tib ketgan bo'lishimiz mumkin. Lekin quyidagi natijalar ham true yoki false qaytarishini bilib qo'ysak zarar qilmaydi.

Code

13. Convert to String

Numberni type ni stringga o'zgartirish. (Juda ko'p ishingiz tushishi mumkin 😉)

Code

14. Convert to Number

String type ni Numberga o'zgartirish Demak stringdagi sonni oldiga + ishorasini

qo'yish orqali biz uni type ni Number ga o'zgartirar ekanmiz

Code

15. Quick Float to Integer

Float turidagi sonni type ni integer ga o'tkazish

Agar float turidagi sonni butun songa aylantirmoqchi bo'lsangiz Math.floor (), Math.ceil () yoki Math.round () yoki bo'lmasa bitwise operatorlaridan foydalanishingiz mumkin lekin biz sizga undanda optimal variantni ko'rsatamiz.

Code

16. Remove Final Digits

Oxirgi raqamni yoki (raqamlarni) qirqib olish optimal yo'li

Code

17. Get the Last Item(s) in an Array

Arrayni oxirgi elementini (yoki elementlarini ) olish

Code


Ushbu Postimiz siz azizlarga manzur bo'ldi deb o'ylayman. Bizni kuzatishda davom eting.

Telegram tarmog'idagi kanalimiz @JsTutorial





















Report Page