Em Javascript o Objeto "this" pode assumir valores distintos de acordo com o local onde é invocado, e agora veremos alguns exemplos.
Métodos de objetos
O "this" aparece em métodos de objetos como uma referencia ao objeto principal, ou seja, ele representa o próprio objeto que possui o método:
Related Articles
var pessoa = {
nome: 'Teresa',
recuperarNome: function() { return this.nome; }
};
No Exemplo Acima "this" representa o objeto "pessoa", logo possui acesso a propriedade "nome".
Em funções
Em funções o objeto "this" pode ter dois valores, quando em uma função que não pertence a um objeto "this" retorna o objeto global, que no caso no browser é o "window", já o outro valor é a referencia ao objeto instanciado:
Função que não pertence a um objeto
function funcaoTeste() {
return this;
}
No Exemplo Acima Temos como resultado da função o objeto global do browser, "window".
Referencia ao objeto instanciado
function FuncaoConstrutora() {
this.nome = 'Teresa';
this.idade = 1;
}
var novaPessoa = new FuncaoConstrutora();
novaPessoa.nome;
No exemplo acima temos uma função construtora, que, quando chamada com a palavra reservada "new" cria um novo objeto, onde as propriedades "this.nome" e "this.idade" dizem respeito apenas a nova variável "novaPessoa", não podendo ser acessada de outra forma. Vale ressaltar que se "FuncaoConstrutora" for executada como uma função normal, sem o "new", teremos duas variáveis no escopo global da aplicação.
