JavaScript'теги this объекти

Азыр биз функция-окуя иштеткичтинде жеткиликтүү болгон this атайын объекти менен иштейбиз. Бул объект окуя болгон элементке көрсөтөт.

this объекти окуя болгон элемент жана окуянын натыйжасында аракеттер жүргүзүлгөн элемент бир эле элемент болгондо ыңгайлуу.

Мисалы, эгерде бизде инпут болсо, биз ага focus жоготкуч иштеткичти байлап, бул окуя болгондо инпуттун тексти менен бир нерсе кыла алабыз. Сүрөттөлгөндү кылалы. Бизде инпут берилсин:

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

Аны өзгөрмөгө elem шилтемеси катары алалы:

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

Ага blur окуясынын функция-иштеткичин байлайлы:

elem.addEventListener('blur', func);

Бул func функциясынын ичинде биздин инпутка көрсөткөн this объектине жетүүгө болот:

function func() {
	console.log(this); // биздин элементке шилтеме сактайт
}

Инпуттун value атрибутунун мазмунун чыгаралы:

function func() {
	console.log(this.value); // атрибуттун мазмунун чыгарабыз
}

Эми, инпутка кандайдыр бир текст жазалы:

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

Анонимдик функцияны да колдонсо болот:

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

Инпут берилген. Бул инпутко focus алуу менен ага 1 санын жазыңыз, ал эми focus жоготуу менен - 2 санын. Функция-иштеткичтин ичинде инпутка кайрылуу үчүн this объектин колдонуңуз.

Мааниси 1 саны болгон баскыч берилген. Бул баскычка чыкылдатуу менен анын мааниси ар бир жолу бирдикке көбөйүшүн жасаңыз.