this ning qiymati

this ning qiymati joriy ob'ektga ishora qiladi. Bu qiymat JavaScript da keng qo'llaniladi, masalan funksiyalar va OOP da.

Sintaksis

javascriptthis.joriy ob'ekt;

Misol

Keling, this yordamida fokusni yo'qotgan inputning qiymatini konsolga chiqaramiz:

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

javascriptlet input = document.querySelector('#elem');
input.addEventListener('blur', func);

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

Misol

Keling, this yordamida fokusda bo'lmagan inputning qiymatini konsolga chiqaramiz:

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

javascriptlet input = document.querySelector('#elem');
input.addEventListener('blur', func);

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

Misol

Endi this ning OOP da qo'llanilishini ko'rib chiqamiz. Student klasida show funksiyasini yozamiz, bu bizning talabaning ismi va familiyasini ko'rsatadi:

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

Shuningdek qarang