Diferencia entre revisiones de «Programación en JavaScript/OOP»

Contenido eliminado Contenido añadido
Sin resumen de edición
Sin resumen de edición
Línea 15:
this.altura = 165;
this.sexo = 'varón';
this.edatedad= 26;
}
 
Línea 40:
== Creación de funciones miembro ==
 
Hasta ahora hemos visto como crear propiedades de las clases, pero necesitamos crear código en ese objeto que utilice las propiedades que hemos creado en el constructor. Para crear una función miembro, debemos indicarlo en la propia función de construccionconstrucción:
 
<source lang="javascript">
Línea 105:
</source>
 
Como resultado, nos mostrará el mensaje "Pepe está durmiendo". Como vemos, podemos usar las propiedades de los objetos dentro de las funciones miembro, aunque también podríamos construir la misma funcionfunción de otra manera:
 
<source lang="javascript">
Línea 114:
</source>
 
<code>with</code> es una palabra reservada de JavaScript que permite coger una variable de objeto como this y permite utilizar sus miembros como si fueran variables independientes. Pero tiene sus restricciones: estos nombres abreviados sólo se pueden utilizar dentro del ambitoámbito de with (que si tiene varias lineas, estas deben estar contenidas entre llaves, como for, if, etc...), y además, se pueden confundir facilmentefácilmente con variables locales a la función o globales del programa, con lo cual particularmente no recomendamos el uso de with, ya que puede dar lugar a fallos de ejecución dificilesdifíciles de tratar si no se tienen en cuenta estas restricciones. Se aconseja usar la forma this.nombre. También se recomienda crear cada clase en un archivo diferente para que no haya confusiones de nombres, sobre todo de funciones miembro.
 
Otra manera de declarar la clase en javascript
Línea 148:
 
 
Con este ejemplo se obtiene el mismo resultado que el anterior pero el codigocódigo queda un poco mas complejo. ApesarA pesar de esto ya podemos ver que a diferencia del codigocódigo anterior este se encuentra encapsulado en la misma funcionfunción [ ''function Persona(){}'' ]
 
Otro ejemplo de creacioncreación de una clase mas complicado utilizando DOM y Javascript
 
Línea 186:
</source>
 
El resultado del codigocódigo anterior es una pagina que por medio de Javascript crea un DIV y le asigna propiedades como ancho,alto,color etc. y lo inserta dentro de la pagina al cargarse.