POO con ES6 (constructores, métodos y herencia)

Clase 16 de 24 • Curso de Clean Code y Buenas Prácticas con JavaScript

Clase anteriorSiguiente clase

Elcira Ibarra

student•

Cursos super recomendados:

Brandon Lee Aguero Fernandez

student•

Confirmo!

Markin Piero Pulache Guarniz

student•

buen aporte

LEONARD CUENCA

student•

Clase 16: POO con ES6 (constructores, métodos y herencia)

Clase

A raíz de EMAC6 podemos usarlo
Antes se debia usar el prototype para poder emular clases
Recuerda una clases es una abstracción para representar ciertos elementos del mundo real
Nos ayudar organizar mucho nuestro código usando clases

Ejemplo

//intaxis a partir de ES6:
class Cat {
  constructor(cat) {
    this.name = cat;
  }
  greet () {
    return 'Hola! Mis dueñ@s me llaman ' + this.name;
  }
}

const cat = new Cat("Michi");

// Antes de ES6
function Person(name) {
  this.name = name;
}
var person = new Person("Alex");
console.log(person.name); //> Alex

Irving Juárez

student•

En JS no existen las clases, son azucar sintáctico para la herencia prototipal. En esta clase se dice que con ES6 y las clases, el código es más limpio y fácil de entender. En mi opinión, los prototipos no son tan dificiles de entender y me parece una buena implementación. Cuál es el problema? La mayoria de los programadores de JS venían del lenguaje Java. De hecho, por eso se llama JavaScript, para que los devs de Java pasaran a usar JS pensando que los dos lenguajes eran similares. La verdad es que los dos lenguajes son diferentes, pero JS hizo grandes esfuerzos para que se pareciera los más posible a Java, por eso las funciones constructoras empiezan con el operador new. Eso se parece a muchos más a Java. Lo mismo con las clases. Como muchos lenguajes de programación utilizan la POO y ya hay un formato de pensamiento muy popular, era más fácil si JS se adaptaba a esa misma manera de sintaxis.

Markin Piero Pulache Guarniz

student•

bien aporte

Daniel Ochoa

student•

Porque cada día se busca llegar a más personas, que más personas puedan interactuar con los lenguajes y crear cosas nuevas, no cerrarse a los mismos programadores de siempre, por eso JavaScript y Python son tan descriptivos y textuales, para ser amigables, lo que Java no es ni en los sueños más remotos de nadie hahah

Maday Choque

student•

El constructor es un método especial que se utiliza para inicializar una nueva instancia de la clase.

Carina Payleman

student•

Sintaxis a partir de ES6:

class Cat {
  constructor(cat) {
    this.name = cat;
  }
  greet () {
    return 'Hola! Mis dueñ@s me llaman ' + this.name;
  }
}

const cat = new Cat("Michi");

karen Meyhuay Zarzosa

student•

Gracias por la clase, se entendió super bien :)

Luis Palomo

student•

Por ahi escuche que cuando se trabaja con POO y se crea una clase, lo recomendable es que solo tenga un metodo segun la programacion funcional. Es asi o estoy diciendo cualquier cosa?

Sandra Rosa Arroyo Paredes

student•

Aclaraciones:

En POO, una clase generalmente tiene múltiples métodos relacionados con su responsabilidad.
El principio de responsabilidad única no limita a un solo método, sino a una responsabilidad cohesiva.
La programación funcional promueve funciones puras y evita el estado mutable, pero no necesariamente limita a una sola función por "entidad".

En resumen, lo que escuchaste es una simplificación extrema. En la práctica:

En POO, una clase bien diseñada puede tener varios métodos, siempre que estén relacionados con una responsabilidad única y cohesiva.
En programación funcional, se busca descomponer la lógica en funciones puras, pero no se limita a una función por concepto.

La clave está en entender los principios detrás de cada paradigma y aplicarlos de manera que resulte en un código limpio, mantenible y adecuado para el problema que estás resolviendo.

Luis Palomo

student•

Que buena respuesta Sandra! Gracias!

Ana Rotela Cabrera

student•

Resumen de la clase

freddy conto mena

student•

los prototype son muy bonitos pero para eso llego ES6 aprender de aqui para atras no vale la pena prototype

//intaxis a partir de ES6:
class Cat {
  constructor(cat) {
    this.name = cat;
  }
  greet () {
    return 'Hola! Mis dueñ@s me llaman ' + this.name;
  }
}

const cat = new Cat("Michi");

// Antes de ES6
function Person(name) {
  this.name = name;
}
var person = new Person("Alex");
console.log(person.name); //> Alex

POO con ES6 (constructores, métodos y herencia)

Introducción al Clean Code

Deuda técnica y refactorización de código

Reglas del diseño simple

Qué es Clean Code

Nombre y uso de las variables

Uso correcto de var, let y const

Reglas para la nomenclatura

Cómo nombrar según el tipo de dato

Nombres de Variables y Funciones Correctos en JavaScript

Ámbito de las variables

Ámbito global

Ámbito local o de función

Ámbito de bloque

Ámbito estático

Hoisting

Funciones

Declaración y expresión de funciones

Parámetros y argumentos

Funciones de flecha y el this

Clases

POO con ES6 (constructores, métodos y herencia)

Herencia en JavaScript

Tamaño reducido (responsabilidad única)

Organización

Optimizaciones

Cuándo usar comentarios

Formato coherente (codear en equipos)

Principio DRY

Tipos de Algoritmos y Complejidad Big O en JavaScript

Cierre

Sigue aprendiendo JavaScript