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:

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

Hebu tupate kiunga kwacho katika mtumizi elem:

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

Tukibandikishe kitendakazi-kichakatenda tukio blur:

javascriptelem.addEventListener('blur', func);

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

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

Tuonyeshe yaliyomo katika sifa value ya kiingizio chetu:

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

Basi, sasa tuandike kwenye kiingizio maandishi fulani:

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

Inaweza kutumika na kitendakazi bila jina:

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