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
this.objeto atual;
Exemplo
Vamos usar o this para exibir
o valor de um input que perde o foco
no console:
<input id="elem" value="text">
let 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:
<input id="elem" value="text">
let 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:
class Student {
name;
surn;
show() {
return this.name + ' ' + this.surn;
}
};
let stud = new Student;
stud.name = 'John';
stud.surn = 'Smit';
console.log(stud.show());
