Abstracción en JavaScript
Clase 57 de 99 • 30 días de JavaScript
Contenido del curso
Luis Castro
student•
hace 3 años
Clase 57 de 99 • 30 días de JavaScript
Contenido del curso
La abstracción permite definir una interfaz clara y simplificada para interactuar con un objeto o clase, sin tener que conocer los detalles internos de cómo se implementa esa funcionalidad. En JavaScript, la abstracción se puede lograr utilizando clases y métodos.
Por ejemplo, imaginemos que estamos construyendo una aplicación de un e-commerce que tiene diferentes tipos de productos, como libros, ropa y electrónicos. Podríamos definir una clase Product como una abstracción de los diferentes tipos de productos, con propiedades como name, price y description.
class Product { constructor(name, price, description) { this.name = name; this.price = price; this.description = description; } show() { console.log(`Nombre: ${this.name}`); console.log(`Precio: ${this.price}`); console.log(`Descripción: ${this.description}`); } }
En este ejemplo, la clase Product define una interfaz clara y simplificada para interactuar con un objeto Product. Los usuarios de nuestra aplicación solo necesitan conocer las propiedades name, price y description para poder trabajar con los productos, y no necesitan conocer los detalles internos de cómo se implementa la clase Product.
Podríamos luego crear subclases de la clase Product para representar los diferentes tipos de productos, como Book, Clothes y Electronic. Por ejemplo, podríamos definir la clase Book de la siguiente manera:
// Libro hereda las propiedades y métodos de la clase Producto class Book extends Product { constructor(name, price, description, author, editorial) { // Recuerda que con Super le pasamos los atributos a la clase // de la cual se hereda super(name, price, description); // define nuevas propiedades como autor y editorial this.author = author; this.editorial = editorial; } show() { super.show(); // redefine el método mostrar() para mostrar esta información adicional. console.log(`Autor: ${this.author}`); console.log(`Editorial: ${this.editorial}`); } }
En este ejemplo, la clase Book hereda las propiedades y métodos de la clase Product, pero también define nuevas propiedades como author y editorial y redefine el método show() para mostrar esta información adicional.
Todo esto y más lo puedes aprender en el Curso Básico de Programación Orientada a Objetos con JavaScript
Luis Castro
Reinaldo Mendoza
Daniel Yepes
Leonardo de los angeles Espinoza Hernandez
Abstracción en JavaScript:
. La abstracción es un concepto importante en la programación que se refiere a la capacidad de separar la complejidad de los detalles de implementación. En JavaScript, podemos lograr la abstracción mediante el uso de funciones y objetos. . Las funciones nos permiten encapsular ciertas funcionalidades complejas en una sola entidad, lo que nos permite separar la complejidad y mantener nuestro código organizado. Los objetos, por otro lado, nos permiten modelar conceptos y entidades del mundo real en nuestro código. . La abstracción es útil porque nos permite escribir código más legible y mantenible. Al utilizar la abstracción, podemos reducir la complejidad de nuestro código y hacerlo más fácil de entender. . Un ejemplo de abstracción en JavaScript podría ser una función que realiza una operación matemática compleja. En lugar de escribir todo el código necesario para realizar esta operación cada vez que la necesitemos, podemos escribir una función que realice la operación y luego llamar a esa función en cualquier lugar donde la necesitemos. Esto nos permite separar la complejidad de la operación de los detalles de implementación y mantener nuestro código organizado.
Esto se soluciona de una forma mucho mas elegante con Typescript
chicos copie y pegue este ejemplo y sale error, Product is not defined
¡Hola @dyepesc!
Para que el segundo ejemplo funcione también debes copiar el primer ejemplo antes de copiar el segundo, con eso no deberías tener problemas para la ejecución del ejemplo :D
Un saludo!