JavaScript-de this obýekti

Häzir biz waka işleýji funksiýasynda elýeterli bolan ýörite this obýekti bilen işleris. Bu obýekt waka bolan elemente görkezýär.

this obýekti, waka bolan element we waka netijesinde hereket amala aşyrylýan element bir element bolanda, amatlydyr.

Mysal üçin, eger biziň inputymyz bolsa, biz oňa fokusy ýitirmek wakasynyň işleýjisini baglanyşdyryp, bu waka ýüze çykanda inputdaky tekst bilen bir zat edip bileris. Geliň görkezileni edeliň. Bizde input bolsun:

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

Geliň oňa çykgyt alarys we ony elem üýtgeýjisinde saklaýarys:

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

Ona blur wakasynyň işleýji funksiýasyny baglanyşdyryň:

javascriptelem.addEventListener('blur', func);

Bu func funksiýasynyň içinde biziň inputymyza görkezýän this obýekti elýeterli bolar:

javascriptfunction func() {
  console.log(this); // biziň elementimize çykgyt saklaýar
}

Inputymyzyň value atributynyň mazmunyny çap edeliň:

javascriptfunction func() {
  console.log(this.value); // atributyň mazmunyny çap ederis
}

Indi bolsa, inputa bir tekst ýazaýalyň:

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

Anonim funksiýany hem ulanyp bilersiňiz:

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