Aprende a usar la sintaxis class para crear objetos con la misma estructura, inicializar propiedades con constructor y encapsular comportamiento en métodos.
Una clase es una forma ordenada de describir cómo se crean objetos del mismo tipo: qué datos tienen al nacer y qué acciones pueden ejecutar.
No sustituye a los objetos literales que viste en [Objetos en JavaScript](/curso/javascript/leccion/javascript-objetos-basico); los complementa cuando necesitas muchas instancias con la misma estructura.
En esta lección vas a usar <code>class</code>, <code>constructor</code>, <code>new</code> y métodos de instancia con un caso de proyectos.
La idea importante es simple: la clase define el molde; cada instancia tiene su propio estado.
Usa clases cuando necesitas crear varias entidades con los mismos datos y comportamientos.
Si solo tienes un objeto de configuración, un objeto literal suele bastar. Si vas a crear muchos proyectos, usuarios, tareas, productos o jugadores, una clase reduce repetición y deja claro el contrato.
La clase también te ayuda a mantener juntos los datos y los métodos que actúan sobre esos datos.
El constructor inicializa la instancia con los datos necesarios.
El método <code>constructor</code> se ejecuta automáticamente cuando usas <code>new Clase(...)</code>. Ahí asignas propiedades iniciales con <code>this</code>.
Cada llamada a <code>new</code> devuelve un objeto independiente, aunque venga del mismo molde.
Un método cambia o consulta el estado de una instancia concreta.
Dentro de un método, <code>this</code> apunta a la instancia que lo ejecuta. Por eso <code>landing.toggleFavorito()</code> cambia solo `landing`.
Este patrón evita duplicar funciones externas que necesitan recibir siempre el objeto como argumento.
Aprende a usar la sintaxis class para crear objetos con la misma estructura, inicializar propiedades con constructor y encapsular comportamiento en métodos.
Código del tema: class · constructor · new
Usa clases cuando necesitas crear varias entidades con los mismos datos y comportamientos.
Si solo tienes un objeto de configuración, un objeto literal suele bastar. Si vas a crear muchos proyectos, usuarios, tareas, productos o jugadores, una clase reduce repetición y deja claro el contrato.
La clase también te ayuda a mantener juntos los datos y los métodos que actúan sobre esos datos.
El constructor inicializa la instancia con los datos necesarios.
El método constructor se ejecuta automáticamente cuando usas new Clase(...). Ahí asignas propiedades iniciales con this.
Cada llamada a new devuelve un objeto independiente, aunque venga del mismo molde.
class Proyecto {
constructor(titulo, categoria, horas) {
this.titulo = titulo;
this.categoria = categoria;
this.horas = horas;
this.favorito = false;
}
}
const landing = new Proyecto('Landing', 'Frontend', 10);
const api = new Proyecto('API de tareas', 'Backend', 18);
console.log(landing);
console.log(api);Un método cambia o consulta el estado de una instancia concreta.
Dentro de un método, this apunta a la instancia que lo ejecuta. Por eso landing.toggleFavorito() cambia solo `landing`.
Este patrón evita duplicar funciones externas que necesitan recibir siempre el objeto como argumento.
class Proyecto {
constructor(titulo) {
this.titulo = titulo;
this.favorito = false;
}
toggleFavorito() {
this.favorito = !this.favorito;
}
}
const proyecto = new Proyecto('Portfolio');
proyecto.toggleFavorito();
console.log(proyecto.favorito);