JavaScript Programación Orientada a Objetos

JavaScript es un lenguaje de programación versátil que ha evolucionado significativamente desde su creación. Aunque inicialmente fue diseñado como un lenguaje de scripting para páginas web, hoy en día JavaScript se utiliza en prácticamente todos los ámbitos del desarrollo de software: frontend, backend, aplicaciones móviles, desktop e incluso en Internet de las Cosas (IoT).

Una de las características más potentes de JavaScript es su capacidad para implementar la programación orientada a objetos (OOP), aunque lo hace de una manera única y diferente a otros lenguajes como Java o C#. En este curso profundizaremos en los conceptos intermedios de OOP en JavaScript, explorando tanto su modelo basado en prototipos como las modernas clases introducidas en ES6.

Fundamentos de la OOP en JavaScript

JavaScript implementa la orientada a objetos de dos formas principales:

• A través de su sistema de prototipos (presente desde sus inicios)
• Mediante la sintaxis de clases (introducida en ES6)

Ambos enfoques coexisten en el lenguaje moderno y, de hecho, las clases en JavaScript son simplemente una abstracción sintáctica sobre el sistema de prototipos subyacente.

Prototipos: El corazón de JavaScript

El sistema de prototipos es el mecanismo fundamental de herencia en JavaScript. A diferencia de otros lenguajes que utilizan clases como "planos" para crear objetos, JavaScript utiliza objetos prototipo como plantillas para otros objetos.

Cada objeto en JavaScript tiene una propiedad interna llamada [[Prototype]] (accesible mediante __proto__ o Object.getPrototypeOf()) que apunta a su prototipo. Cuando intentamos acceder a una propiedad o método de un objeto, JavaScript primero busca en el propio objeto y, si no lo encuentra, continúa la búsqueda en su prototipo, formando lo que se conoce como cadena de prototipos.

// Creación de un objeto usando el sistema de prototipos
function Persona(nombre) {
    this.nombre = nombre;
}

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

const ana = new Persona('Ana');
console.log(ana.saludar()); // "Hola, soy Ana"

Clases en JavaScript moderno

Con la llegada de ES6, JavaScript introdujo una sintaxis de clases más familiar para desarrolladores provenientes de otros lenguajes. Sin embargo, es importante entender que estas clases son simplemente "azúcar sintáctico" sobre el sistema de prototipos.

// La misma funcionalidad usando clases
class Persona {
    constructor(nombre) {
        this.nombre = nombre;
    }
    
    saludar() {
        return `Hola, soy ${this.nombre}`;
    }
}

const ana = new Persona('Ana');
console.log(ana.saludar()); // "Hola, soy Ana"

El contexto de ejecución y 'this'

Uno de los conceptos más desafiantes en JavaScript es el comportamiento de la palabra clave this, que determina el contexto de ejecución de una función. A diferencia de otros lenguajes, el valor de this en JavaScript no depende de dónde se define una función, sino de cómo se invoca.

const usuario = {
    nombre: 'Carlos',
    mostrarNombre() {
        console.log(this.nombre);
    }
};

usuario.mostrarNombre(); // "Carlos" - 'this' se refiere al objeto usuario

const funcionSuelta = usuario.mostrarNombre;
funcionSuelta(); // undefined - 'this' ahora se refiere al objeto global (o undefined en modo estricto)

Manejo de excepciones

El manejo de errores es fundamental en cualquier aplicación robusta. JavaScript proporciona mecanismos para capturar y gestionar excepciones mediante bloques try/catch/finally, permitiendo crear código más resiliente.

function dividir(a, b) {
    if (b === 0) {
        throw new Error('No se puede dividir por cero');
    }
    return a / b;
}

try {
    const resultado = dividir(10, 0);
    console.log(resultado);
} catch (error) {
    console.error('Se produjo un error:', error.message);
} finally {
    console.log('Esta operación ha finalizado');
}