JavaScript-те this объектісі

Қазір біз оқиға өңдеуші функцияда қолжетімді this арнайы объектісімен жұмыс істейміз. Бұл объект оқиға болған элементке сілтеме жасайды.

this объектісі ыңғайлы, егер оқиға болған элемент пен оқиға нәтижесінде әрекет орындалатын элемент бір элемент болса.

Мысалы, егер бізде инпут болса, біз оған focus жоғалту оқиғасының өңдеушісін байлап, осы оқиға орын алған кезде инпут мәтінімен бірнәрсе істей аламыз. Жоғарыда сипатталғанды жасайық. Бізде инпут берілсін:

html<input id="elem" value="text">

Оған сілтемені elem айнымалысына алайық:

javascriptlet elem = document.querySelector('#elem');

Оған blur оқиғасының функция-өңдеушісін байлайық:

javascriptelem.addEventListener('blur', func);

Бұл func функциясының ішінде this объектісі қолжетімді болады, ол біздің инпутқа сілтеме жасайды:

javascriptfunction func() {
  console.log(this); // біздің элементке сілтемені қамтиды
}

Біздің инпуттың value атрибутының мазмұнын шығарайық:

javascriptfunction func() {
  console.log(this.value); // атрибут мазмұнын шығарамыз
}

Енді инпутқа бірдеңе мәтін жазайық:

javascriptfunction func() {
  this.value = '!!!';
}

Анонимді функцияны да қолдануға болады:

javascriptelem.addEventListener('blur', function() {
  this.value = '!!!';
});