El valor de this
El valor this hace referencia al objeto actual.
Este valor es ampliamente utilizado en JavaScript,
por ejemplo en funciones y POO.
Sintaxis
this.objeto actual;
Ejemplo
Vamos a usar this para mostrar
el valor del input que pierde el foco
en la consola:
<input id="elem" value="text">
let input = document.querySelector('#elem');
input.addEventListener('blur', func);
function func() {
console.log(this.value);
}
Ejemplo
Vamos a usar this para mostrar
el valor del input que no tiene
el foco en la consola:
<input id="elem" value="text">
let input = document.querySelector('#elem');
input.addEventListener('blur', func);
function func() {
console.log(this.value);
}
Ejemplo
Ahora vamos a considerar la aplicación
de this en POO.
En la clase Student escribamos la función show,
que mostrará el nombre y apellido
de nuestro estudiante:
class Student {
name;
surn;
show() {
return this.name + ' ' + this.surn;
}
};
let stud = new Student;
stud.name = 'John';
stud.surn = 'Smit';
console.log(stud.show());
