Anuncios

Bienvenidos sean a este post, en el post anterior hemos visto como crear un objeto con Javascript, sus propiedades y sus metodos, y hemos visto como poder acceder a los mismos.

Anuncios

Pero para ello usabamos el nombre del objeto y aunque esta tecnica funcione no es una practica recomendada porque el nombre del objeto queda determinado por el nombre de la variable al que se le asigna el objeto, el mismo se puede modificar sin advertirlo, y como Javascript nos permite crear multiples objetos desde la misma definicion o crear nuevos objetos a partir de otros, lo que dara como resultado distintos objetos que comparten la misma definicion.

Anuncios

Para asegurar de que referenciamos al objeto con el que estamos trabajando tenemos la posibilidad de usar a this, esta palabra clave nos da la posibilidad de utilizarla en lugar del nombre del objeto para referenciar al objeto que la instruccion pertenece.

Anuncios

Cada vez que queramos acceder a propiedades y metodos desde el interior del objeto debemos utilizar la palabra clave this pero si en lugar de hacerlo desde el interior lo hacemos desde el exterior en su lugar estaremos referenciando al objeto global de Javscript, para entender mejor el concepto vamos a tomar el codigo del post anterior y vamos a modificadrlo para aplicar la palabra this:

this.html

<html>
<script language="javascript">
<!--

document.title="this";
var persona;
persona = {
	nombre: "Martin",
	apellido: "Miranda",
	alias: "tinchicus",
	mostrar: function(){
		document.write("Propiedad nombre: " + this.nombre + "<br>");
		document.write("Propiedad apellido: " + this.apellido + "<br>");
		document.write("Propiedad alias: " + this.alias + "<br>");
	},
	cambiar: function(nombre,apellido,alias){
		this.nombre = nombre;
		this.apellido = apellido;
		this.alias = alias;
	}
};

//-->
</script>
<body>
	<script language="javascript">
	<!--
		persona.mostrar();
		persona.cambiar("Enzo","Tortore","el Gary");
		document.write("<br>Despues de cambiada la persona<br><br>");
		persona.mostrar();
	//-->
	</script>
</body>
</html>
Anuncios

En este caso tenemos a nuestro objeto modificado donde en lugar de llamarse a si mismo lo reemplazamos con el this pero siempre dentro del objeto persona, en cambio cuando llamamos a los metodos por fuera del objeto si usamos el nombre del objeto de lo contrario nos devolvera un error porque no encuentra a dicho objeto, si lo probamos debemos tener una salida semejante a esta

Anuncios

Como pueden ver la salida es exactamente a la misma al caso anterior pero esta vez tendremos un mejor codigo porque nos dara la posibilidad de poder usar ese objeto con distintas referencias.

Anuncios

En resumen, hoy hemos visto la palabra this, como trabaja, para que se usa, su utilidad principal, el beneficio que nos brinda a nuestros objetos, y un ejemplo donde lo pusimos en practica, espero les haya sido util sigueme en tumblr, Twitter o Facebook para recibir una notificacion cada vez que subo un nuevo post en este blog, nos vemos en el proximo post.

Anuncios

Tengo un Patreon donde podes acceder de manera exclusiva a material para este blog antes de ser publicado, sigue los pasos del link para saber como.

Tambien podes donar

Es para mantenimiento del sitio, gracias!

$1.00