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 մեթոդը,
    որը կանչում է ֆունկցիան կոնտեքստով