Diferença entre this e self em JavaScript

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

Formação Recomendada

Formação Claude Code

Domine Claude Code do absoluto zero até o avançado

• 120 aulas
• 4 projetos
• 9h 45min

Conhecer formação

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