O que é this no JavaScript
Resumo: Entenda de uma vez o que é o this em javascript e para o que ele serve.

Para que serve o this no JavaScript
O this é é uma variável que sempre retornara o valor do contexto que esta inserido. Ficou sem entender? Fique tranquilo, iremos explicar o this.
O this é uma variável, pois, seu valor é variável. Seu valor é alterado conforme o contexto que ele esta inserido. Exemplo, em uma janela comum, abra o console do navegador e digite:
//This no navegador this === window this;

Nesse exemplo veja que o valor do this é o mesmo que a janela em que estamos executando o script. Por que? Por que o contexto em que o this foi inserido é o global, ou seja, ele não esta acoplado a uma função ou objeto para ter como referência outro valor.
This refere-se ao escopo
A palavra chave this refere-se ao escopo e contexto atual. Um exemplo que posso lhe mostrar é quando criamos um objeto em JavaScript:
//Exemplo do this em objeto
let objeto = {
valor:21,
init(){ // isso é igual a init:()=>{} ou init:function(){}
console.log(this.valor)
}
}
//Inicializando a função dentro do nosso objeto
objeto.init();
O código acima, criamos um objeto na variável objeto, uma propriedade com o valor número 21 e uma função chamada init cujo imprime a propriedade deste objeto chamada valor.

É muito simples o conceito. O this é uma referência ao escopo que você esta trabalhando.
Gostou do artigo? Deixe sua dúvida ou comentário