Want to create interactive content? It’s easy in Genially!

Get started free

FRONT-END-B29

FUNDACION AZTECA AC

Created on February 19, 2025

Start designing with a free template

Discover more than 1500 professional designs like these:

Scratch and Win

Microlearning: How to Study Better

Branching Scenarios Challenge Mobile

Branching Scenario Mission: Innovating for the Future

Piñata Challenge

Teaching Challenge: Transform Your Classroom

Frayer Model

Transcript

Campos públicos y privados

Getters y Setters

Encapsulación

Abstracción

Encapsulación
Ejemplo

// Crear una instancia de la clase Persona let persona = new Persona("Juan"); // Acceder al nombre mediante el getter console.log(persona.getNombre()); // Muestra: Juan // Modificar el nombre mediante el setter persona.setNombre("Carlos");

Es el principio de ocultar los detalles internos de un objeto, permitiendo acceder y modificar sus datos solo a través de métodos controlados, utilizando propiedades privadas o protegidas para mantener la integridad y seguridad de la información.

Por ejemplo
Getters y Setters
Ejemplo

class Persona { constructor(nombre) { this._nombre = nombre; // Usamos _nombre como propiedad interna } get nombre() { return this._nombre; // Retorna el valor de la propiedad interna } set nombre(nuevoNombre) { this._nombre = nuevoNombre; // Asigna el nuevo valor a la propiedad interna } }

// Ejemplo de uso let persona1 = new Persona("Ana"); console.log(persona1.nombre); // Ana persona1.nombre = "Carlos"; console.log(persona1.nombre); // Carlos

Los getters permiten acceder a campos privados de forma controlada y los setters modifican los datos aplicando validaciones si es necesario.

Por ejemplo
Campos públicos y privados
Ejemplo

class Persona { // Campo público nombre; // Campo privado #edad; }

Los campos públicos son accesibles desde cualquier parte del programa, mientras que los privados solo pueden ser accedidos o modificados dentro de la clase.

Por ejemplo
Abstracción
Ejemplo

class Vehiculo { // Método abstracto arrancar() { throw new Error("El método 'arrancar' debe ser implementado"); } } class Coche extends Vehiculo { arrancar() { console.log("El coche está arrancando"); } } let coche = new Coche(); coche.arrancar(); // Muestra: "El coche está arrancando"

Consiste en simplificar la complejidad de un sistema mostrando solo los detalles esenciales de un objeto o función, ocultando su implementación interna para enfocarse en su uso y comportamiento.

Por ejemplo