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

javascriptthis.objeto actual;

Ejemplo

Vamos a usar this para mostrar el valor del input que pierde el foco en la consola:

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

javascriptlet 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:

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

javascriptlet 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:

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

Véase también