Qo'shimcha mavzular

Reference Type

Ba'zan metod chaqiruvi kutilmaganda thisni yo'qotadi. Buning sababi — JavaScript ichida yashiringan Reference Type ("ma'lumotnoma turi") deb ataluvchi maxsus qiymat turi. Uni tushunsak, chalkash holatlar aniq bo'ladi.

Muammo: yo'qolgan this

Quyidagi kodda oddiy chaqiruv ishlaydi, lekin metodni oldin ajratib, keyin chaqirsak — this yo'qoladi:

ref-muammo.js

// natija shu yerda chiqadi

Xuddi shunday, chaqiruvni murakkabroq ifodaga o'rasak ham this yo'qolishi mumkin:

ref-murakkab.js

// natija shu yerda chiqadi

Nuqta amali nima qaytaradi?

Sir shundaki, user.salom ifodasi oddiy funksiyani emas, balki maxsus Reference Type qiymatini qaytaradi. Bu til ichidagi qiymat bo'lib, uch narsani birlashtiradi:

base — obyektning o'zi (user);
name — xususiyat nomi ("salom");
strict — qat'iy rejim yoqilganmi (bayroq).

Ya'ni user.salom mantiqan quyidagicha:

// (base, name, strict) uchligi
(user, "salom", true)

Reference Type — bu tilning ichki, oraliq turi. Uni to'g'ridan-to'g'ri o'zgaruvchiga saqlab bo'lmaydi; u faqat nuqta amali natijasi sifatida qisqa vaqt yashaydi.

Chaqiruv qanday ishlaydi?

() chaqiruv operatori o'zidan oldingi qiymatni ko'radi:

Agar bu Reference Type bo'lsa — () uning baseini this qilib oladi. Shu sabab user.salom()da this = user;
Agar bu oddiy funksiya bo'lsa (Reference Type emas) — this = undefined (qat'iy rejimda).

Endi hamma narsa tushunarli:

user.salom() — user.salom Reference Type qaytaradi, () undan baseni oladi. this = user;
let f = user.salom; f() — o'zgaruvchiga yozishda Reference Type yo'qoladi, faqat funksiyaning o'zi ko'chadi. this = undefined;
(user.salom || null)() — || operatori Reference Typeni oddiy funksiyaga aylantiradi. this = undefined.

Reference Type faqat nuqta yoki kvadrat qavsdan bevosita keyin chaqiruv qilinganda saqlanadi: obj.method() yoki obj["method"](). Har qanday oraliq amal (o'zgaruvchiga yozish, ||, qavsda saqlash) uni yo'qotadi.

Yechim: this'ni qotirish

Agar metodni ajratib olib, alohida uzatishimiz kerak bo'lsa, thisni bind orqali qotiramiz yoki o'q funksiyaga o'raymiz:

ref-yechim.js

// natija shu yerda chiqadi

Metodni callback sifatida uzatayotganda (masalan setTimeout(user.salom)) doim thisni bind qiling yoki () => user.salom() deb o'rang.

Xulosa

obj.method ifodasi oddiy funksiya emas, ichki Reference Type qiymatini qaytaradi;
Reference Type base, name va strictni birlashtiradi;
() chaqiruvi Reference Typedan baseni olib, this qiladi;
O'zgaruvchiga yozish, ||, qavs kabi oraliq amallar Reference Typeni yo'qotadi -> this yo'qoladi;
Yechim: bind yoki o'q funksiya bilan o'rash.