Como hacer una pagina web y ganar dinero
Creada para aprender lo que mas nesesitas porque la calidad es mejor que la cantidad.
Blog

Programación orientada a objetos en JavaScript

Tags: programacion, orientada, html, objetos, manual, javascript
publicado el 2010-07-19   leido 4122 leídas

El lenguaje JavaScript no es un lenguaje orientado a objetos completo, pero permite definir clases con sus atributos y responsabilidades. Finalmente nos permite definir objetos de estas clases.
Pero el otro pilar de la programación orientada a objetos, es decir la herencia, no está implementada en el lenguaje.
Veremos la sintaxis para la declaración de una clase y la posterior definición de objetos de la misma.

Desarrollaremos una clase que represente un cliente de un banco.
La clase cliente tiene como atributos:
nombre
saldo
y las responsabilidades o métodos de la clase son:
Constructor (inicializamos los atributos del objeto)
depositar
extraer
Para acostumbrarnos a trabajar en un archivo separado, implementamos 'pagina2.js' que contiene la clase cliente con sus métodos (funciones) y sus atributos (variables):
function cliente(nombre,saldo)
{
this.nombre=nombre;
this.saldo=saldo;
this.depositar=depositar;
this.extraer=extraer;
}

function depositar(dinero)
{
this.saldo=this.saldo+dinero;
}

function extraer(dinero)
{
this.saldo=this.saldo-dinero;
}
El nombre de la clase coincide con el nombre de la función principal que implementamos (también llamado constructor de la clase):
function cliente(nombre,saldo)
{
this.nombre=nombre;
this.saldo=saldo;
this.depositar=depositar;
this.extraer=extraer;
}
A esta función llegan como parámetro los valores con que queremos inicializar los atributos. Con la palabra clave 'this' diferenciamos los atributos de los parámetros (los atributos deben llevar la palabra clave this)
  this.nombre=nombre;
this.saldo=saldo;
También en el constructor inicializamos la referencia a todos los métodos que contendrá la clase:
  this.depositar=depositar;
this.extraer=extraer;
Por último, implementamos todos los métodos de la clase:
function depositar(dinero)
{
this.saldo=this.saldo+dinero;
}

function extraer(dinero)
{
this.saldo=this.saldo-dinero;
}
De nuevo recordemos que diferenciamos los atributos de la clase por la palabra clave this.

Ahora veamos el archivo HTML que incorpora el archivo JS y define un objeto de la clase planteada:
<html>
<head>
<title>Problema</title>
<script language="javascript" src="pagina2.js" type="text/javascript">
</script>
</head>
<body>
<script language="javascript">
var cliente1;
cliente1=new cliente('diego',1200);
document.write('Nombre del cliente:'+cliente1.nombre+'<br>');
document.write('Saldo actual:'+cliente1.saldo+'<br>');
cliente1.depositar(120);
document.write('Saldo luego de depositar $120---->'+cliente1.saldo+'<br>');
cliente1.extraer(1000);
document.write('Saldo luego de extraer $1000---->'+cliente1.saldo+'<br>');
</script>
</body>
</html>
Recordemos que lo primero que hacemos, según lo visto en conceptos anteriores, es importar el archivo *.js:
<script language="javascript" src="pagina2.js" type="text/javascript">
Luego, la sintaxis para la creación de un objeto de la clase cliente es:
var cliente1;
cliente1=new cliente('diego',1200);
Similar a conceptos anteriores cuando definiamos objetos de la clase Date o Array. Con el operador new se crea un objeto de la clase cliente y se llama inmediatamente el constructor de la clase. El constructor retorna una referencia del objeto que se almacena en la variable cliente1.
De ahí en más podemos acceder a los atributos y llamar a los métodos del objeto cliente1 de la clase cliente:
document.write('Nombre del cliente:'+cliente1.nombre+'<br>');
document.write('Saldo actual:'+cliente1.saldo+'<br>');
cliente1.depositar(120);
document.write('Saldo luego de depositar $120---->'+cliente1.saldo+'<br>');
cliente1.extraer(1000);
document.write('Saldo luego de extraer $1000---->'+cliente1.saldo+'<br>');
Podemos decir que la ventaja que podemos obtener con el planteo de clases es hacer nuestros programas mucho más organizados, entendibles y fundamentalmente, poder reutilizar clases en distintos proyectos.

Te gust?

Archivo externo (.js) en JavaScript

Expresiones regulares en JavaScript

 
Información
Christian Valencia publicado porPor: Ero-Fierce

Suscribete
Recibe los ultimos articulos en tu email:

Indice.
Javascript

Ultimos Artculos
Hacer SEO en el 2016 - 2017
Habilitar sonido al pulsar las teclas Bloq Mayús, Bloq Num y Bloq Des
10 trucos viejos, seo que nunca te dijeron
15 Efectos carrusel como pagina de libro animado con ejemplos
No se pudo generar una instancia de usuario de SQL Server debido a un error (.mdf
Solucion Error 26. No se encontró el servidor o éste no estaba accesible. Sql

Todos los tutoriales

Hacer una web paso a paso Php y MySQL Javascript
Posicionamiento Web SEO Cómo ganar dinero con tu web Herramientas y Programas Web
Maquetación con CSS Hosting y Dominios MySQL y Phpmyadmin
Ajax UML: Analisis y Diseño Programacion Orientada a Objetos
Java
 
Copyright © 2009 - pagina Web 2 - Todos los derechos Reservados