Herencia de la clase Círculo
Parte de la sección Programación Orientada a Objetos del Journey de JavaScript de Coddy. Lección 40 de 56.
Desafío
Tu tarea es crear una clase Circle que herede de la clase Shape.
- En el archivo llamado
Circle.js, importa la claseShapeen la parte superior:import { Shape } from './Shape.js'; - Crea una clase
Circlequeextends Shapey expórtala - El constructor debe aceptar dos parámetros:
coloryradius - Llama a
super(color)para inicializar la clase principal - Almacena
radiuscomo una propiedad:this.radius = radius - Importa la clase `Circle` en el archivo principal
Pruébalo tú mismo
import { Shape } from './Shape.js';
// TODO: Importar la clase `Circle`
// Pruebas
const basicShape = new Shape('red');
console.log(basicShape.describe()); // "A red shape"
const myCircle = new Circle('blue', 10);
console.log(myCircle.describe()); // Should output: "A blue shape"Todas las lecciones de Programación Orientada a Objetos
1Objetos y la palabra clave this
Repaso rápido: ObjetosAgregar métodos a los objetosEntendiendo la palabra clave thisFunciones constructorasLa palabra clave newDesafío de repaso7Herencia y la palabra clave extends
HerenciaLa relación "es-un"La palabra clave extendsEl método super()Heredar propiedades y métodosDesafío de repaso13Composición vs. Herencia
La relación "tiene-un" vs. "es-un"Los límites de la herencia profundaConstrucción de objetos2Organización del código
¿Qué son los módulos?Exportar con exportImportar con importExportaciones por defecto vs. nombradas5Encapsulamiento y Acceso
EncapsulamientoCampos de clase públicos y privadosMétodos privadosDesafío de repaso8Organización del código OOP
Organizar clases en módulos11Proyecto: Un renderizador de figuras
Configuración: Clase Figura y exportaciónHerencia de la clase CírculoSobrescritura y método de áreaContador de figuras estático14Sistema de Gestión de Biblioteca
Diseño de la BibliotecaClase Libro con ComposiciónValidación del Autor del Libro9Métodos y propiedades estáticos
Nivel de clase vs. Nivel de instanciaPropiedades estáticasMétodos de utilidad estáticosDesafío de repasoPractica por tu cuenta: Compilador de JavaScript online