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

Cursos super recomendados:

• Curso de ECMAScript: Historia y Versiones de JavaScript

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

• Curso Intermedio de Programación Orientada a Objetos en JavaScript

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

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.

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

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");

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