Kitu this katika JavaScript

Sasa tutafanya kazi na kitu maalum this, kinachopatikana katika kitendakazi-kichakatenda tukio. Kitu hiki kinaelekeza kwa kipengele ambacho tukio limetokea.

Kitu this ni rahisi, wakati kipengele ambacho tukio limetokea, na kipengele ambacho kitendo hufanyika kama matokeo ya tukio, - hiki ni kipengele kimoja.

Kwa mfano, ikiwa tuna kiingizio, tunaweza kukibandikisha kichakatenda kupoteza umakini na tukia hilo litakapotokea kitu kufanye na maandishi ya kiingizio. Hebu tufanye yaliyoelezewa. Acha kiingizio kitupwe:

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

Hebu tupate kiunga kwacho katika mtumizi elem:

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

Tukibandikishe kitendakazi-kichakatenda tukio blur:

elem.addEventListener('blur', func);

Ndani ya kitendakazi hiki func kitapatikana kitu this, kinaelekeza kwenye kiingizio chetu:

function func() {
	console.log(this); // ina kiunga kwenye kipengele chetu
}

Tuonyeshe yaliyomo katika sifa value ya kiingizio chetu:

function func() {
	console.log(this.value); // tutaonyesha yaliyomo katika sifa
}

Basi, sasa tuandike kwenye kiingizio maandishi fulani:

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

Inaweza kutumika na kitendakazi bila jina:

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

Kiingizio kitupwe. Tukipata umakini na kiingizio hiki andika ndani nambari 1, na tukipotee umakini - nambari 2. Ili kurejelea kiingizio ndani ya kitendakazi-kichakatenda tumia kitu this.

Kitufe kitupwe, thamani yake iwe nambari 1. Fanya ili kubofya kwenye kitufe hiki thamani yake iongezeke kwa moja kila wakati.