Nilai this

Nilai this merujuk kepada objek semasa. Nilai ini digunakan secara meluas dalam JavaScript, contohnya dalam fungsi dan PBO.

Sintaks

javascriptthis.objek semasa;

Contoh

Mari kita gunakan this untuk memaparkan nilai input yang kehilangan fokus, ke konsol:

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

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

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

Contoh

Mari kita gunakan this untuk memaparkan nilai input yang tidak berada dalam fokus, ke konsol:

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

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

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

Contoh

Sekarang mari kita lihat penggunaan this dalam PBO. Dalam kelas Student, kita akan tulis fungsi show, yang akan memaparkan nama dan nama keluarga pelajar kita:

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

Lihat juga