O que é this no JavaScript

  1. Encontre seu código
  2. JavaScript
  3. O que é this no JavaScript

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


O que é o this no JavaScript e como usar.
O que é o this no JavaScript e como usar.

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;
Entendendo o this
Entendendo o valor do this no JavaScript

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.

Exemplo de uso do this
Exemplo de uso do this.

É muito simples o conceito. O this é uma referência ao escopo que você esta trabalhando.

Aprenda JavaScript

Gostou do artigo? Deixe sua dúvida ou comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *