JavaScript: Clases y objetos - Creación de funciones miembro

2 - Creación de funciones miembro

[editar]

Tutorial creado por Marcos Legido Hernández. Extraido de: http://es.wikibooks.org

30 de Noviembre de 1999

< anterior | 1 2

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 construccion:

function Persona(nombre) {
this.nombre = nombre;
this.color_pelo = 'negro';
this.peso = 75;
this.altura = 165;
this.sexo = 'varón';
this.dormir = dormir; Nueva función miembro
}

Y ahora definimos la función dormir:

function dormir() {
alert(this.nombre + ' está durmiendo');
}

Fijémonos en la función. Tiene una forma bastante normal. Lo único especial que hemos hecho es añadir la linea

this.dormir = dormir;

al constructor, con lo que hemos asignado la función dormir como si fuera una propiedad. Recordemos que TODO es un objeto en JavaScript, y esto incluye a las funciones. Ahora, para ejecutar este código, utilizamos el objeto anteriormente creado para ponerlo en marcha:

hombre.dormir();

Veamos en un ejemplo todo el código que hemos generado hasta ahora:

<html>
<head>
<script language="javascript">
function Persona(nombre) {
this.nombre = nombre;
this.color_pelo = 'negro';
this.peso = 75;
this.altura = 165;
this.sexo = 'varón';
this.dormir = dormir;
}

function dormir() {
alert(this.nombre + ' está durmiendo');
}
</script>
</head>

<body>
<form>
</form>
<script>
var hombre = new Persona('Pepe');
hombre.dormir();
</script>
</body>
</html>

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 funcion de otra manera:

function dormir() {
with (this)
alert(nombre + ' está durmiendo');
}

with 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 de with (que si tiene varias lineas, estas deben estar contenidas entre llaves, como for, if, etc...), y además, se pueden confundir facilmente 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 dificiles 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.

[editar]

< anterior | 1 2

Opinar
1 opinión

Ds1

Excelente.

Simple y practico.

Tutoriales relacionados con 'JavaScript: Clases y objetos'

JavaScript: Clases y objetos

Completo y ameno documento sobre Javascript.

JavaScript: clases predeterminadas

Completo y ameno contenido sobre Javascript

CSS - Hojas de estilo

Con CSS puedes formatear tus páginas web separando completamente el contenido de la presentación. Es... Más »

Kerio personal firewall 4

Kerio Personal Firewall es una aplicación que protege los ordenadores personales de ataques externos (típicamente... Más »

Anuncios Google

Autor y licencia de 'JavaScript: Clases y objetos'

Tutorial de Marcos Legido Hernández. Extraido de: http://es.wikibooks.org CopyLeft

Este contenido ha sido recopilado por el equipo de Wikilearning. Todo el contenido recopilado se ha obtenido respetando y comunicando en nuestro site la licencia de cada fuente.

Wikilearning tiene permiso expreso por escrito de los autores para publicar los contenidos que ha extraído de otras webs, incluyendo su uso comercial.