Anuncios

Bienvenidos sean a este post, hoy hablaremos sobre el operador new y si bien ya hemos visto algunos usos (p.e con el objeto Array) hoy ahondaremos mas en detalle.

Anuncios

Si bien con el post anterior, constructores, y la notacion literal tenemos las herramientas suficientes para crear y trabajar con objetos individuales o multiples basados en una misma definicion, Javascript tambien nos ofrece una tercera alternativa para crear objetos, y esta es la clase especial de constructor que trabaja como operador llamada new, el procedimiento es similar al anterior ya que debemos primero declarar el objeto mediante una funcion y luego se llama con el operador new para crear un objeto a partir de su definicion, veamos la sintaxis:

function miObjeto(){
	this.propiedad = valor;
	this.metodo = function(){
		... instrucciones ...
	};
}

var miVariable = new miObjeto();
miVariable.metodo();
Anuncios

Primero debemos crear la funcion, por ejemplo llamada miObjeto, en ella crearemos las propiedades (variables) y los metodos (funciones) pero con la diferencia de que en lugar de trabajarlas como antes o de forma tradicional debemos pasarla mediante this de lo contrario no podremos utilizarlo correctamente, una vez definido nuestro objeto, podemos crear una nueva variable, en este caso llamada miVariable y por medio de new tomara todas las definiciones de miObjeto y gracias a esto podremos tener acceso a sus metodos y propiedades, para entender mejor este concepto veamos el siguiente ejemplo:

new.html

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

document.title="Operador new";
function persona(nombreInicial, salarioInicial){
	this.nombre = nombreInicial;
	this.salario = salarioInicial;
	this.mostrar = function(){
		document.write("Nombre: " + this.nombre);
		document.write("<br>Salario: " + this.salario);
	};
}

//-->
</script>
<script language="javascript">
<!--
	var empleado = new persona("Martin Miranda",100000);
	empleado.mostrar();
//-->
</script>
</html>
Anuncios

En el primer tag SCRIPT crearemos la funcion que usaremos como objeto, se va a llamar persona la cual recibira dos valores (nombreInicial y salarioInicial) los cuales usaremos para iniciar las dos propiedades de nuestro objeto (nombre y salario), despues tendremos el metodo del objeto, en este caso sera para mostrar los valores de las propiedades del objeto, observen como en todos los casos no fueron iniciados como antes ni tampoco iniciados de forma literal sino que por medio del this, para indicarle que trabaje con dicho objeto, una vez terminada la funcion pasaremos a nuestro siguiente tag SCRIPT, en el cual crearemos una nueva variable donde por medio de new crearemos un nuevo objeto del tipo persona y le enviaremos los dos valores, nuestro siguiente paso sera utilizar el metodo mostrar para ver los valores de las propiedades del objeto creado (empleado), veamos la salida del programa

Anuncios

Como pueden ver los valores se recibieron correctamente y a su vez pudimos acceder al metodo necesario para poder visualizar los mismos.

Anuncios

En resumen, hoy hemos visto como crear un objeto por medio de new, para que sirve, su sintaxis, y como debe crearse la funcion para crear dicho objeto, y que este funcione correctamente, 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.50