Módulo 3 · Avanzado25 min

Prototipos y Clases

Herencia, OOP, syntactic sugar.

Recompensa al completar

Insignia “OOP master” · +25 puntos

Prototipos

Todo objeto en JavaScript tiene un prototipo del cual hereda propiedades y métodos.

javascript

let animal = {
    comer() {
        return "Comiendo...";
    }
};let perro = Object.create(animal);
console.log(perro.comer());  // "Comiendo..."

Funciones constructoras

javascript

function Persona(nombre, edad) {
    this.nombre = nombre;
    this.edad = edad;
}
Persona.prototype.saludar = function() {
    return `Hola, soy ${this.nombre}`;
};

Clases (ES6)

javascript

class Animal {
    constructor(nombre) {
        this.nombre = nombre;
    }
    hablar() {
        return `${this.nombre} hace un sonido`;
    }
}class Perro extends Animal {
    hablar() {
        return `${this.nombre} ladra`;
    }
}

?Ejercicio

Crea una clase 'Rectangulo' con calcularArea() y calcularPerimetro().

editor.js

123456

Recompensa al completar

Insignia “OOP master” · +25 puntos