O valor de this

O valor this refere-se ao objeto atual. Este valor é amplamente utilizado em JavaScript, por exemplo, em funções e POO.

Sintaxe

javascriptthis.objeto atual;

Exemplo

Vamos usar o this para exibir o valor de um input que perde o foco no console:

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

javascriptlet input = document.querySelector('#elem');
input.addEventListener('blur', func);

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

Exemplo

Vamos usar o this para exibir o valor de um input que não está em foco no console:

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

javascriptlet input = document.querySelector('#elem');
input.addEventListener('blur', func);

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

Exemplo

Agora vamos considerar a aplicação de this na POO. Na classe Student, vamos escrever a função show, que mostrará o nome e sobrenome do nosso estudante:

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

Veja também