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írculo
Sobrescritura 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 repaso