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:

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

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

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

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

elem.addEventListener('blur', func);

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

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

Inputymyzyň value atributynyň mazmunyny çap edeliň:

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

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

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

Anonim funksiýany hem ulanyp bilersiňiz:

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

Input berlen. Bu input fokus alanynda oňa 1 sanyny ýazyň, fokusy ýitirende bolsa 2 sanyny ýazyň. Işleýji funksiýanyň içinde inputa ýüzlenmek üçin this obýektini ulanyň.

Mazmuny 1 sany bolan düwme berlen. Bu düwmä her gezek basylganda onuň mazmuny bir birlik artmagyny üpjün ediň.