Configuración: Clase Figura y exportación
Parte de la sección Programación Orientada a Objetos del Journey de JavaScript de Coddy. Lección 39 de 56.
Desafío
En este proyecto, construiremos un sistema simple de renderizado de formas que demuestra conceptos clave de la Programación Orientada a Objetos. Crearemos diferentes formas que pueden describirse a sí mismas, practicaremos la herencia y organizaremos nuestro código utilizando módulos.
Tu tarea:
- En `Shape.js`, crea una clase `Shape` con:
- Un constructor que toma un parámetro:
color - Un método llamado
describe()que devuelve:"A ${color} shape"
- Un constructor que toma un parámetro:
- Exporta la clase usando
export - En
main.js, importa la clase usando:import { Shape } from './Shape.js';
Pruébalo tú mismo
// TODO: Importar la clase Shape desde './Shape.js';
// Probar la clase Shape
const myShape = new Shape('blue');
console.log(myShape.describe()); // Salida: "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