Encapsulamiento con Getters y Setters en JavaScript

Curso Básico de Programación Orientada a Objetos con JavaScript

Contenido del curso

JavaScript Orientado a Objetos

Objetos, clases y prototipos

Pilares de la POO: abstracción y encapsulamiento

Pilares de la POO: herencia y polimorfismo

Próximos pasos

17
Examen Final de Programación Orientada a Objetos en JavaScript
01:40 min

Tomar examen

Cursos Empresas Blog Live Conf Eventos Precios

0:0011:20

Encapsulamiento con Getters y Setters en JavaScript

Curso Básico de Programación Orientada a Objetos con JavaScript

Clase 11 de 17

Clase 11 / 17

Recursos

¿Cómo se encapsulan métodos y atributos en JavaScript?

JavaScript es un lenguaje con particularidades únicas que se manifiestan en diversas formas a la hora de trabajar con prototipos y clases. Aunque el encapsulamiento es un concepto familiar en muchos lenguajes, en JavaScript la forma de implementarlo difiere un poco. Aquí analizaremos cómo podemos proteger nuestros datos y métodos de cambios no deseados.

¿Cómo protegemos los atributos en JavaScript?

En lenguajes de programación tradicionales, es común marcar atributos como privado o público para controlar el acceso. Sin embargo, JavaScript no tiene un soporte nativo para el acceso privado. En su lugar, se sigue una convención: prefixar el nombre del atributo con un guion bajo (_). Este método pretende ser una señal amistosa a otros desarrolladores para que entiendan que esos atributos no deberían ser manipulados directamente desde fuera de la clase.

¿Qué son los getters y setters?

Getters y setters son métodos especiales que nos permiten interceptar y controlar el acceso a los propiedades de los objetos:

Getters: Permiten acceder a los valores de propiedades encapsuladas.
Setters: Facilitan la modificación de dichos valores, permitiendo agregar lógica adicional, como validaciones, antes de realizar cambios.

class Course {
  constructor(name) {
    this._name = name; // uso de prefijo para denotar privacidad
  }

  get name() {
    return this._name; // acceso controlado a la propiedad
  }

  set name(newName) {
    if (!newName.includes("malito")) {
      this._name = newName;
    } else {
      console.warn("Way, no puedes actualizar el curso con ese nombre.");
    }
  }
}

let curso = new Course("Curso gratis de programación básica");
console.log(curso.name); // Accede al nombre utilizando el getter

curso.name = "Curso avanzado de programación"; // Modifica el nombre usando el setter
console.log(curso.name); // Verifica el cambio

¿Cómo se previenen cambios indeseados?

Utilizando setters, podemos establecer restricciones o validaciones que deben cumplirse antes de modificar propiedades. En el caso ilustrado, se previene que el nombre del curso pueda incluir valores considerados inapropiados como "malito".

Desafíos y ejercicios

Practicar con getters y setters es esencial para dominar su uso en JavaScript. Aquí te propongo dos desafíos:

Describe cómo se utilizan getters y setters sin la sintaxis de clases: Comprende cómo trabajar con ellos en prototipos tradicionales de JavaScript.
Aplica getters y setters en un proyecto propio: Actualiza atributos dentro de un sistema más complejo (como un clon de una aplicación educativa) para gestionar estudiantes y cursos.

Estos pasos no solo consolidarán tu conocimiento sobre encapsulamiento en JavaScript, sino que también te prepararán para escribir código más robusto y sostenible. ¡Adelante, sigue explorando! Tu habilidad para gestionar la lógica de negocio con JavaScript crecerá exponencialmente con la práctica.

José Gregorio Estrada Meneses

Hace 5 años

Qué son los getters y setters Una función que obtiene un valor de una propiedad se llama getter y una que establece el valor de una propiedad se llama setter.

Esta característica a sido implementada en ES2015, pudiendo modificar el funcionamiento normal de establecer u obtener el valor de una propiedad, a estas se les conoce como accessor properties.

Funcionamiento En ocasiones queremos valores basados en otros valores, para esto los data accessors son bastante útiles.

Para crearlos usamos los keywords get y set

const obj = {
  get prop() {
    return this.__prop__;
  },
  set prop(value) {
    this.__prop__ = value * 2;
  },
};

obj.prop = 12;

console.log(obj.prop); //24

Creamos un objeto, con una única propiedad, que tiene un getter y un setter. de esta manera cada vez que establezcamos un valor para prop se multiplicará por dos.

Nota: utilice prop por convención, pero no implica que es un valor especial, este es un valor normal.

Otra manera de crear un accessor properties es de manera explícita usando Object.defineProperty

const obj = {};

Object.defineProperty(obj, //objeto target
  'prop', //nombre propiedad
  {
    enumerable: true,
    configurable: true,
    get prop() { //getter
      return this.__prop__;
    },
    set prop(value) { //setter
      this.__prop__ = value * 2;
    },
  });
obj.prop = 12;

var atr = Object.getOwnPropertyDescriptor(obj, 'prop')
console.log(atr);

La ventaja que tenemos de esta manera, es que podemos establecer los atributos que queremos tenga la propiedad.

Anfernee Valera

Hace 5 años

Esta cool el aporte, muchas gracias. solo una acotación. Investigando, los getter y setter se pueden implementar desde antes de ECMAScript2015

Daniel Quispe

Hace 5 años

Gracias por el aporte, esto si que me aclaro muchisimo el entender como que y para que son esos tal de getters y setters.

Comentarios (111)111 comentarios

Juan David Sánchez

Eliaz Bobadilla

Juan Castro

Profesor

Edgar Ramón González Contreras

Franks Jhon Colque Zegarra

Angel Solis

César Palma

Máximo Calderon

Ezequiel Magi

Orangel Gonzalez

Naz Villa

Samuel Gómez Balderas

Hace 4 años

Guillermo Prituluk

Ricardo Alfonso Chavez Vilcapoma

Hace 3 años

Henry Alexander Velásquez Rosas

Sergio Camilo Garzón Pérez

Jully Evangelina Flórez Fonseca

Servio Gabriel Pachard Velez

Gabriela Ramírez

Larry Caycho

Dario Paladines

Kevin Acevedo

Brayan Torrealba Sáez

Daniel Rodrigo Valdivieso Merino

Migrant Cyborg

Julian Franco

bruno guerra solano

Diego Alejandro

Leonardo Moreno Faberón

JavaScript Orientado a Objetos

Fundamentos de Programación Orientada a Objetos en JavaScript

Programación Orientada a Objetos con JavaScript: Fundamentos y Aplicaciones

Conceptos Básicos de Programación Orientada a Objetos

Objetos, clases y prototipos

Objetos y prototipos en JavaScript: diferencias y usos

Objetos Literales y Prototipos en JavaScript

Clases en JavaScript: Sintaxis y Uso Práctico

Comparativa de Objetos Literales y Clases en JavaScript

Pilares de la POO: abstracción y encapsulamiento

Abstracción en Programación Orientada a Objetos con JavaScript

Programación Orientada a Objetos con JavaScript: Clases y Prototipos

Encapsulamiento en JavaScript: Uso de Getters y Setters

Encapsulamiento con Getters y Setters en JavaScript

Módulos en JavaScript: Encapsulamiento y Uso Práctico

Pilares de la POO: herencia y polimorfismo

Herencia en Programación Orientada a Objetos: Tipos de Estudiantes

Implementación de Herencia en JavaScript con Clases

Polimorfismo en Programación Orientada a Objetos

Polimorfismo en JavaScript: Crear y Publicar Comentarios

Próximos pasos

Examen Final de Programación Orientada a Objetos en JavaScript

Encapsulamiento con Getters y Setters en JavaScript

Progreso del curso

JavaScript Orientado a Objetos

Objetos, clases y prototipos

Pilares de la POO: abstracción y encapsulamiento

Pilares de la POO: herencia y polimorfismo

Próximos pasos

Recursos

Recursos