JS Poo - vincular clases con las herencias.

fcosun · #1 (**permalink**) 02/04/2012, 14:20

Estoy estudiando POO en javascript, mi consulta es la siguiente, como puedo crear una herencia usando ya la clase llamada animales que contiene los siguientes atributos.

Código Javascript:

Ver original<html>
<head>
<script language="javascript">
function animales(nombre) {
    this.nombre = nombre;
    this.color = 'negro';
    this.tamanno = 275;
    this.altura = 43;       
    }
</script>
</head>
<body>
<form>
</form>
<script>
    var animal = new animales("Pinky"); 
    alert("La mascota " + animal.nombre + "  es de color " + animal.color); 
</script>
</body>
</html>

Podría crear las clases gatos y perros pero usando la clase anterior.

eso porfavor.

clase gatos

Código Javascript:

Ver original<script language="javascript">
function gatos(nombre) {
    this.nombre = nombre;
    this.tipo_gatos = 'generico';       
}
</script>

clase perros

Código Javascript:

Ver original<script language="javascript">
function perros(nombre) {
    this.nombre = nombre;
    this.tipo_perro = 'generico';       
    this.color_perro = 'generico';  
}
</script>

Albuss · #2 (**permalink**) 02/04/2012, 14:32

Primero , estoy casi seguro de que estas declarando mal la clase animales , yo lo habria hecho asi :

Código:

var animales = function(nombre) {
    this.nombre = nombre;
    this.color = 'negro';
    this.tamanno = 275;
    this.altura = 43;       
    }

mas de lo mismo con la clase gatos , yo lo haria asi :

Código:

<script language="javascript">
vat gatos = function (nombre) {
    this.nombre = nombre;
    this.tipo_gatos = 'generico';       
}

Porcierto, podrias aprobechar mejor las oportunidades del contructor , ejemplo :

Código:

var animales = function(nombre,color,tamaño, altura) {
    this.nombre = nombre;
    this.color = color;
    this.tamanno = tamaño;
    this.altura = altura;       
    }

Para que cuando inicialices el objeto tengas control total sobre las propiedades :

Código:

var Mishifu = new gatos('mishifu' 'blanco', 2.00,1.5);

y idem para la clase perros. En cuanto a las herencias, es facil en google escribres “prototypal inheritance” y te salen cientos de ejemplos en Ingles y en español.

zerokilled · #3 (**permalink**) 02/04/2012, 14:45

buenas!
dado que el paradigma de javascript no esta basado en clases, lo que pretendes hacer no se logra de la misma manera que en lenguajes basados en clases. como indica @albuss, la herencia en javascript se hace por prototipos. en todo caso, si quieres tener un feel (sentirse como) del concepto de clases en javascript, se puede mas o menos hacer. en la web hay ejemplos de dicha implementacion... pero como las clases no es mi fuerte, pues no te puedo dar un enlace particular.

@albuss, la declaracion del constructor (la clase) se puede hacer de ambas formas, tanto la que propones como la inicial del autor. una funcion literal y una declaracion de funcion son lo mismo. lo unico que los diferencia es que el interprete crea primero las funciones declaradas (function nombre(){})... function hoisting.

Albuss · #4 (**permalink**) 02/04/2012, 14:47

Bueno , me he animado y te pongo un ejemplo de herencia simple:

var Animal = function(type){ //clase animal
this.type = type;
}

Animal.prototype.getType = function(){ // cramos el proptotimo de la clase animal
return this.type;
}

var Dog = function(options){
this.breed = options.breed;
} //creamos una clase para que sea posteriormente inferior a animales

Dog.prototype = new Animal('Dog'); // asignamos la clase dog como prototimo de "new animal" estamos inicializando un objeto, el cual tendra como clase "Dog" que heredará de animales todos los metodos y propiedades

Aijoona · #5 (**permalink**) 03/04/2012, 07:47

Como mencionó el compañero zerokilled, el concepto de "clases" no es enteramente aplicable a JavaScript, con lo cual sería correcto no tratar a los constructores de "clases".

Por otro lado, el concepto de herencia es bastante más amplio que la simple idea de herencia simple.

Te recomendaría leer la documentación sobre el método Object#create.

PD: Usa el highlight de código, sino es ilegible.