JavaScript this keyword

Bugungi maqolamizda Juda ko'p developerlarning mumammosi bo'lgan ya'ni tushunishiga qiyin bo'lgan desak ham bo'ladi. Javascript dasturlash tilida this keyword bilan tanishamiz. Shu narsani oldindan ayta olamanki, boshqa dasturlash tillaridagi this keyword bilan Javascriptdagi this keywordni bir-biri bilan taqqoslaganimizda o'xshash tomonlari bo'lishi mumkin lekin Javascriptdagi this keywordi bilan tanishib chiqqaningizda siz boshqa olamga tushib qolishingiz mumkin chunki Javascript dasturlash tilidagi this keyword boshqa dasturlash tillaridagi this keywordi bilan tubdan farq qiladi agarda siz boshqa dasturlash tillaridan xabaringiz bo'lsa 😜. Agar xabaringiz bo'lmasa ham xavotirlanmang. Ushbu maqolani o'qib Javascriptdagi this nima ekanligini bemalol tushunib olishingiz mumkin. Bo'lmasa gapni ko'paytirmasdan maqsadga o'tsak:

Birinchi Object larda this ni qo'llanilishini ko'rib chiqamiz.

Yuqorida person degan obekt yaratdim. Person obektining info() metodi mavjud. Agar biz info() metod ichidan turib console oynaga this ni chiqarsak va pastda person.info() metodini chaqirib qoyib natijani ko'rsak

Ko'rishingiz mumkin agar biz obekt ichida biror bir metod ichida this ni chaqirsak u bizga obekni o'zini to'laligicha qaytarar ekan. Demak biz info() metod ichida obekni firstName kluchini qiymatini chiqarmoqchi bo'lsak person.firstName o'rniga this.firstName deb murojaat qilishimiz mumkin. Chunki biror bir metod ichida Matematikchasiga aytganda this.firstName=person.firstName shart qanoatlantiradi.

Tengligini tekshirganimizda ko'rishingiz mumkin terminalda true natija qaytarib berdi

Endi person obekt uchun tashqaridan bitta ixtiyoriy stop degan metod yaratamiz va ushbu metod ham bizga this ni qiymatini qaytarishini so'raymiz.

va natijani ko'rib turganingizdek bu ham bizga person obektini to'liq qaytarganini ko'rishingiz mumkin.

Obektlar larda this qanday ishlashini tushundingiz deb o'ylayman.

Funksiyalarda this qanday ishlashini ko'rib chiqamiz.

Ko'rishingiz mumkin oddiy Anonym funksiyalarda this qiymatini chaqirganimizda u bizga Global obekt window ni bizga qaytarib berar ekan. Global obekt window nima deb so'rsangiz bu hamma bu javascriptning asosi hisoblanadi siz ishlatadigan barcha metodlar, obektlar ushbu Global obektda joylashgan.

Javascriptda this keyword haqida qisqacha maqolamiz shundan iborat edi. Tushunmovchilik bo'lmasligi maqsadida Constructor Funksiyalar va Class larda this ishlatilishi haqida ma'lumot bermadik. Ushbu mavzular haqida maqola tayyorlaganimizda bunga obdon to'xtalib o'tamiz albatta 😉

Bizni kuzatishda davom eting.

Telegram tarmog'idagi kanalimiz https://t.me/JsTutorial