Alguien me puede explicar para que sirve el "this"

[blancoarnau]

He estado buscando en muchas páginas distintas pero no he encontrado lo que me esperaba. Sólo encontré buenas páginas pero estaban en inglés y era un poco difícil entender. ¿Alguien me puede explicar para qué sirve el "this"? Leí que hacia referencia al propietario... ¿Me podéis poner un ejemplo sencillo? Muchas gracias

[reonevk]

Hola, This es utilizado cuando programas con objetos, asique primero debes saber qué es la programación orientada a objetos.

Una vez sabemos lo que es un objeto, cuando queremos hacer referencia a un atributo ó metodo del objeto en el que nos encontramos llamamos a this y es entonces cuando nos referimos a nosotros mismos(el objeto en el que estamos).

Te pongo un ejemplo.

Si tienes una clase (despues instanciada en objeto) llamada Persona, en la que hay 2 metodos, uno es hablar y otro es saludar, cuando estemos implementando el metodo saludar podria quedarnos algo asi:

function saludar()
{
this.hablar("hola");
}

al poner this, lo que hacemos es referirnos al método hablar de Persona, que es la clase en la que nos encontramos y a la que nos referimos como (this)


Se que hay cosas que no son correctas pero no queria liar más y prefiero que se coja la idea.

Espero haber sido de ayuda. un saludo

[caricatos]

Hola:

Básicamente si es parte de una función o de un objeto, se refiere a la misma función u objeto; y si está en el manejador de algún evento en un tag, se refiere al mismo tag... un ejemplo:

<input type="button" value="yo mismo" onclick="alert(this.value)" />

Pinchando sobre el botón mostraría una alerta con "yo mismo"...

Saludos

[zerokilled]

buenas...

this básicamente es una referencia a —y siempre será— un objeto. al objeto que hace referencia dependerá del contexto en que se utilice. en adición, this también se utiliza para crear instancias de un constructor (clases para algunos). en ese contexto, se utiliza el keyword new para crear el nuevo objeto y ahí this sería el nuevo objeto.

Código:

// ejemplo de constructor ;
function Klass(a, b){
this.a = a;
this.b = b;
}

var foo = new Klass(0, true);
var bar = new Klass('string', [10, 10]);

foo.a // integer 0 ;
foo.b // boolean true ;
bar.a // string 'string' ;
bar.b // array [10,10] ;

si en la consola ejecutas this;, debes ver que se imprime la referencia al objeto principal del intérprete; en el caso de los navegadores el objeto Window. como vez, this hace referencia a un objeto según donde se utilice. por ejemplo en un evento para un elemento, this haría referencia a ese elemento.

Código:

<button onclick="this.innerHTML = 'Thanks!';">Click</button>