Η τιμή του this

Η τιμή this αναφέρεται στο τρέχον αντικείμενο. Αυτή η τιμή χρησιμοποιείται ευρέως από την JavaScript, για παράδειγμα σε συναρτήσεις και Αντικειμενοστρεφή Προγραμματισμό.

Σύνταξη

javascriptthis.τρέχον αντικείμενο;

Παράδειγμα

Ας χρησιμοποιήσουμε το this για να εμφανίσουμε την τιμή ενός πεδίου εισόδου που χάνει το focus, στην κονσόλα:

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());

Δείτε επίσης