Sintaxis
CLASE mascota{
PROPIEDADES (variables)
- cabeza
- patas
- cola
METODOS (funciones)
- camina
- corre
- come
}
// creamos un objeto de la CLASE
OBJETO gato uno {
cabeza: grande
patas: largas
cola: pequeña
camina: rapido
corre: largas distancias
come: comida especial
}
OBJETO gato dos {
cabeza: pequeña
patas: cortas
cola: larga
camina: lento
corre: no
come: cualquier comida
}
mostrame gato uno > cabeza
Ejemplo 1:
<script>
class miClase{
constructor(primero, segundo){
this.uno = primero;
this.dos = segundo;
this.tres = "Hola a todos";
};
miMetodoUno(){
return this.uno;
}
miMetodoDos(parametroUno, parametroDos){
document.write(
"El parametro UNO es: " + parametroUno +
"<br>El parametro DOS es: " + parametroDos
);
};
};
// CREAR UN OBJETO - instanciar
var objetoUno = new miClase("Yoney", 777777);
</script>
Ejemplo 1.1: Recupero parametro uno
<script>
// RECUPERAR DATOS
document.write(objetoUno.uno);
</script>
Resultado: Yoney
Ejemplo 1.2: Recupero parametro dos
<script>
// RECUPERAR DATOS
document.write(objetoUno.dos);
</script>
Resultado: 777777
Ejemplo 1.3: Recupero miMetodoUno
<script>
// RECUPERAR DATOS
document.write(objetoUno.miMetodoUno());
</script>
Resultado: Yoney
Ejemplo 1.4: Recupero miMetodoDos con nuevos parametros
<script>
// RECUPERAR DATOS
objetoUno.miMetodoDos("Alex", 222222);
</script>
Resultado:
El parametro UNO es: Alex
El parametro DOS es: 222222
Ejemplo 2: Creamos nueva clase
<script>
//CREAMOS CLASE UNO
class miClaseUno{
constructor(primero, segundo){
this.uno = primero;
this.dos = segundo;
this.tres = "Hola a todos";
};
miMetodoUno(){
return this.uno;
}
miMetodoDos(parametroUno, parametroDos){
document.write(
"El parametro UNO es: " + parametroUno +
"<br>El parametro DOS es: " + parametroDos
);
};
};
//CREAMOS CLASE DOS Y SERÁ UNA EXTENCIÓN DE LA UNO
class miClaseDos extends miClaseUno{
};
// LA GUARDAMOS EN UNA VARIABLE CON PARAMETROS
var ObjetoTres = new miClaseDos("Miguel", 55);
</script>
Ejemplo 2.1: Recupero el parametro uno de miClaseDos
<script>
// RECUPERO el parametro uno de miClaseDos
document.write(ObjetoTres.uno);
</script>
Resultado: Miguel
Ejemplo 2.2: Recupero el parametro dos de miClaseDos
<script>
// RECUPERO el parametro dos de miClaseDos
document.write(ObjetoTres.dos);
</script>
Resultado: 55
Ejemplo 2.3: Recupero el parametro uno con miMetodoUno
<script>
// RECUPERO el parametro uno con miMetodoUno
document.write(ObjetoTres.miMetodoUno());
</script>
Resultado: Miguel
Ejemplo 3: Creamos miClaseTres
<script>
//CREAMOS CLASE UNO
class miClaseUno{
constructor(primero, segundo){
this.uno = primero;
this.dos = segundo;
this.tres = "Hola a todos";
};
miMetodoUno(){
return this.uno;
}
miMetodoDos(parametroUno, parametroDos){
document.write(
"El parametro UNO es: " + parametroUno +
"<br>El parametro DOS es: " + parametroDos
);
};
};
//CREAMOS CLASE DOS Y SERÁ UNA EXTENCIÓN DE LA UNO
class miClaseDos extends miClaseUno{
};
// LA GUARDAMOS EN UNA VARIABLE CON PARAMETROS
var ObjetoTres = new miClaseDos("Miguel", 55);
// CREAMOS CLASE TRES, AL IGUAL QUE LA CLASE DOS,
// SERÁ UNA EXTENCIÓN DE LA UNO Y CONTARÁ CON TRES PARAMETROS
class miClaseTres extends miClaseUno{
constructor(uno, dos, cuarto){
super(uno, dos)
this.cuatro = cuarto;
}
};
// GUARDAMOS EN VARIABLE
var ObjetoCuatro = new miClaseTres("Tomás", "Zapata", 75);
</script>
Ejemplo 3.1: Recupero parametro uno de ObjetoCuatro
<script>
// RECUPERAR DATOS
document.write(ObjetoCuatro.uno);
</script>
Resultado: Tomás
Ejemplo 3.2: Recupero parametro dos de ObjetoCuatro
<script>
// RECUPERAR DATOS
document.write(ObjetoCuatro.dos);
</script>
Resultado: Zapata
Ejemplo 3.3: Recupero parametro tres de ObjetoCuatro
<script>
// RECUPERAR DATOS
document.write(ObjetoCuatro.tres);
</script>
Resultado: Hola a todos
Ejemplo 3.4: Recupero parametro cuatro de ObjetoCuatro
<script>
// RECUPERAR DATOS
document.write(ObjetoCuatro.cuatro);
</script>
Resultado: 75