Giá trị this

Giá trị this tham chiếu đến đối tượng hiện tại. Giá trị này được sử dụng rộng rãi trong JavaScript, ví dụ như trong các hàm và Lập trình Hướng Đối tượng.

Cú pháp

javascriptthis.đối tượng hiện tại;

Ví dụ

Hãy sử dụng this để in giá trị của ô nhập liệu bị mất tiêu điểm ra console:

html<input id="elem" value="văn bản">
javascriptlet input = document.querySelector('#elem');
input.addEventListener('blur', func);

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

Ví dụ

Hãy sử dụng this để in giá trị của ô nhập liệu không ở trạng thái tiêu điểm ra console:

html<input id="elem" value="văn bản">
javascriptlet input = document.querySelector('#elem');
input.addEventListener('blur', func);

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

Ví dụ

Bây giờ hãy xem xét việc áp dụng this trong Lập trình Hướng Đối tượng. Trong lớp Student, hãy viết hàm show, hàm này sẽ hiển thị tên và họ của sinh viên chúng ta:

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

Xem thêm

  • phương thức bind,
    phương thức ràng buộc ngữ cảnh vào hàm
  • phương thức call,
    phương thức gọi hàm với ngữ cảnh
  • phương thức apply,
    phương thức gọi hàm với ngữ cảnh