this-in qiyməti

this qiyməti cari obyektə istinad edir. Bu qiymət JavaScript tərəfindən geniş istifadə olunur, məsələn funksiyalarda və OOP-də.

Sintaksis

javascriptthis.cari obyekt;

Nümunə

Gəlin this köməyi ilə fokusu itirən inputun qiymətini konsola çıxaraq:

html<input id="elem" value="text">
javascriptlet input = document.querySelector('#elem');
input.addEventListener('blur', func);

function func() {
  console.log(this.value);
}

Nümunə

Gəlin this köməyi ilə fokusda olmayan inputun qiymətini konsola çıxaraq:

html<input id="elem" value="text">
javascriptlet input = document.querySelector('#elem');
input.addEventListener('blur', func);

function func() {
  console.log(this.value);
}

Nümunə

İndi gəlin this-in OOP-də tətbiqinə baxaq. Student sinfində tələbənin adını və soyadını göstərən show funksiyasını yazaq:

javascriptclass Student {
  name;
  surn;
  
  show() {
    return this.name + ' ' + this.surn;
  }
};
  
let stud = new Student;
stud.name = 'John';
stud.surn = 'Smit';
console.log(stud.show());

Həmçinin bax

  • bind metodu,
    konteksti funksiyaya bağlayır
  • call metodu,
    funksiyanı kontekstlə çağırır
  • apply metodu,
    funksiyanı kontekstlə çağırır