Η τιμή του this
Η τιμή this αναφέρεται στο τρέχον αντικείμενο.
Αυτή η τιμή χρησιμοποιείται ευρέως από την JavaScript,
για παράδειγμα σε συναρτήσεις και Αντικειμενοστρεφή Προγραμματισμό.
Σύνταξη
this.τρέχον αντικείμενο;
Παράδειγμα
Ας χρησιμοποιήσουμε το this για να εμφανίσουμε
την τιμή ενός πεδίου εισόδου που χάνει το focus,
στην κονσόλα:
<input id="elem" value="text">
let input = document.querySelector('#elem');
input.addEventListener('blur', func);
function func() {
console.log(this.value);
}
Παράδειγμα
Ας χρησιμοποιήσουμε το this για να εμφανίσουμε
την τιμή ενός πεδίου εισόδου που δεν βρίσκεται
σε εστίαση, στην κονσόλα:
<input id="elem" value="text">
let input = document.querySelector('#elem');
input.addEventListener('blur', func);
function func() {
console.log(this.value);
}
Παράδειγμα
Τώρα ας δούμε την εφαρμογή του
this στον Αντικειμενοστρεφή Προγραμματισμό.
Στην κλάση Student θα γράψουμε τη συνάρτηση show,
η οποία θα εμφανίζει το όνομα και το επίθετο
του φοιτητή μας:
class Student {
name;
surn;
show() {
return this.name + ' ' + this.surn;
}
};
let stud = new Student;
stud.name = 'John';
stud.surn = 'Smit';
console.log(stud.show());