function Mascota(){
this.color;
this.tamanyo;
this.raza;
this.constructorBase = function(color,tamanyo,raza){
this.color=color;
this.tamanyo=tamanyo;
this.raza=raza;
};
this.constructor=function(color,tamanyo,raza){
this.constructorBase(color,tamanyo,raza);
};
this.getColor=function(){
return this.color;
};
this.setColor=function(color){
this.color=color;
};
this.getTamanyo=function(tamanyo){
return this.tamanyo;
};
this.setTamanyo=function(tamanyo){
this.tamanyo=tamanyo;
};
this.getRaza=function(){
return this.raza;
};
this.setRaza=function(raza){
this.raza=raza;
};
}
function Perro(){
this.peso;
this.constructor=function(color,tamanyo,raza,peso){
this.constructorBase(color,tamanyo,raza);
this.peso=peso;
};
this.getPeso=function(){
return this.peso;
};
this.setPeso=function(peso){
this.peso=peso;
};
}
Perro.prototype = new Mascota();
var crearPerro= function(){
var perro = new Perro();
perro.setColor('café');
perro.setTamanyo('grande');
perro.setRaza('chilaquil');
perro.setPeso('67 kg');
return perro;
};
function obtenerPerro(){
var my_perro = crearPerro();
document.getElementById('prrf').innerHTML='Perro<br/>Raza:'
+my_perro.getRaza()+'<br/>Tamaño:'+my_perro.getTamanyo()
+'<br/>Color:'+my_perro.getColor()
+'<br/>Peso:'+my_perro.getPeso()+'<br/>';
}
document.getElementById('btn').addEventListener('click',obtenerPerro);
//Dentro de una página html
//<p id='prrf'></p>
//<button id='btn'>Obtener atributos de la clase</button>
Ejemplo de clases y herencia en Javascript. Se usa prototype para extender las funcionalidades de la clase.
Be the first to comment
You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.