Neste artigo você vai aprender a diferença entre this e self em JavaScript, instruções que são comumente vistas em projetos de JS
Fala programador(a), beleza? Bora aprender mais sobre this, self e também JavaScript 🙂
O this pode ser utilizado em muitas ocasiões, então o que ele é vai depender do contexto em que foi aplicado
Porém como via de regra podemos entender que o this é o contexto principal de onde ele foi chamado
Se for chamado dentro de uma função, o this é a função e se for chamado em um evento de elemento, ele é o elemento
Veja alguns exemplos:
console.log(this); // Window
function teste() {
console.log(this); // a própria função
}
teste();
var el = document.querySelector("button");
el.addEventListener("click", function() {
alert(this); // O botão
});Então sempre que quisermos realizar uma ação com o objeto atual ou principal do recurso utilizado, podemos utilizar o this para ter acesso a ele
O this pode também ser utilizado no Node.js, que tem o valor de global
Já o self é relativo a window.self, e é utilizado apenas nos navegadores, resgatando a aba ou janela
Retornando assim o objeto da janela atual, podendo acessar as suas propriedades
Ou seja, na maioria dos casos estaremos utilizando o this para criar alguma lógica para a nossa aplicação
Conclusão
Neste artigo aprendemos a diferença entre this e self em JavaScript
Basicamente o this é o objeto atual, seja uma função, elemento do DOM ou até mesmo a window, que é um objeto global sempre presente nos softwares de JavaScript
E o self equivale a window.self, representando a página atual
Confira também nosso catálogo de cursos gratuitos, com aulas semanais no YouTube