this мааниси

this мааниси учурдагы объектке шилтеме жасайт. Бул маани кеңири колдонулат JavaScriptте, мисалы функцияларда жана ООПдо.

Синтаксис

javascriptthis.учурдагы объект;

Мисал

Келгиле, this жардамы менен фокусун жоготкон инпуттун маанисин консольго чыгаралы:

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

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

Мисал

Келгиле, this жардамы менен фокусунда эмес инпуттун маанисин консольго чыгаралы:

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

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

Мисал

Эми келгиле, this колдонулушун ООПдо карап чыгалы. Student класста биз show функциясын жазабыз, ал биздин студенттин атын жана фамилиясын көрсөтөт:

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

Ошондой эле караңыз

  • bind методу,
    ал функцияга контекстти байлайт
  • call методу,
    ал функцияны контекст менен чакырат
  • apply методу,
    ал функцияны контекст менен чакырат