La herencia prototípica es un concepto fundamental en JavaScript que permite a los objetos heredar propiedades y métodos de otros objetos. A diferencia de los lenguajes orientados a objetos tradicionales que utilizan clases para la herencia, JavaScript implementa la herencia a través de prototipos.

La herencia prototípica es un concepto fundamental en JavaScript que permite a los objetos heredar propiedades y métodos de otros objetos. A diferencia de los lenguajes orientados a objetos tradicionales que utilizan clases para la herencia, JavaScript implementa la herencia a través de prototipos.<h3>Concepto de Herencia Prototípica en JavaScript:</h3><ol><li>Prototipos en JavaScript:<ul><li>Cada objeto en JavaScript tiene un enlace interno a otro objeto llamado "prototipo". Cuando intentas acceder a una propiedad en un objeto, JavaScript buscará primero en el objeto mismo. Si no encuentra la propiedad, buscará en el prototipo del objeto y así sucesivamente hasta llegar al prototipo final de la cadena, que es <code>Object.prototype</code>.</li></ul></li><li>Objeto Prototipo:<ul><li>Un objeto prototipo es un objeto regular al que otros objetos se conectan para heredar propiedades. Cuando creas un objeto, puedes especificar su prototipo utilizando la función <code>Object.create()</code> o asignándolo directamente mediante la propiedad <code>__proto__</code> (aunque esta última forma no es recomendada).</li></ul></li><li>Herencia a través de Prototipos:<ul><li>Cuando accedes a una propiedad en un objeto y este no la tiene, JavaScript busca en su prototipo. Si el prototipo también carece de la propiedad, la búsqueda continúa en el prototipo del prototipo, y así sucesivamente hasta llegar a <code>Object.prototype</code>. Esto forma una cadena de prototipos llamada "cadena de prototipos" o "cadena de herencia".</li></ul></li></ol><h3>Ejemplo de Herencia Prototípica en JavaScript:</h3><pre><code>// Definimos un prototipo base
let animal = {
 tipo: 'animal',
 hacerSonido: function() {
 console.log('Haciendo algún sonido...');
 }
};

// Creamos un objeto que hereda de animal
let perro = Object.create(animal);
perro.raza = 'Labrador';
perro.hacerSonido(); // Output: Haciendo algún sonido...
console.log(perro.tipo); // Output: animal</code></pre>En este ejemplo:<ul><li><code>animal</code> es un objeto que actúa como prototipo.</li><li><code>perro</code> es un objeto creado utilizando <code>Object.create(animal)</code>, por lo tanto, <code>perro</code> hereda las propiedades y métodos de <code>animal</code>.</li><li><code>perro.raza</code> es una propiedad específica de <code>perro</code>, mientras que <code>perro.hacerSonido()</code> es un método heredado del prototipo <code>animal</code>.</li></ul><h3>Ventajas de la Herencia Prototípica:</h3><ul><li>Flexibilidad: Permite crear relaciones de herencia dinámicamente en tiempo de ejecución.</li><li>Simplicidad: Evita la complejidad de las clases y la jerarquía de herencia estricta.</li><li>Extensibilidad: Los objetos pueden heredar propiedades y métodos de múltiples objetos prototipo.</li></ul>

Herencia prototípica en JavaScript

En JavaScript, los objetos son entidades que agrupan datos (propiedades) y funciones (métodos) relacionados. Son una forma fundamental de organizar y estructurar datos dentro del lenguaje.

En JavaScript, los objetos son entidades que agrupan datos (propiedades) y funciones (métodos) relacionados. Son una forma fundamental de organizar y estructurar datos dentro del lenguaje. Aquí te explico qué son y cómo se crean:<h3>¿Qué son los objetos en JavaScript?</h3><ul><li>Definición: Un objeto en JavaScript es una colección de propiedades, donde cada propiedad tiene un nombre (también conocido como clave o clave-valor) y un valor asociado. Los valores pueden ser primitivos como números, cadenas, booleanos, <code>null</code>, <code>undefined</code>, o pueden ser objetos, incluidos otros objetos anidados.</li><li>Ejemplo básico de objeto:<pre><code class="language-javascript">let persona = {
 nombre: "Juan",
 edad: 30,
 esEstudiante: true,
 saludar: function() {
 console.log(`Hola, mi nombre es ${this.nombre} y tengo ${this.edad} años.`);
 }
};</code></pre>En este ejemplo:<ul><li><code>persona</code> es un objeto que tiene propiedades como <code>nombre</code>, <code>edad</code>, <code>esEstudiante</code> y <code>saludar</code>.</li><li><code>nombre</code>, <code>edad</code> y <code>esEstudiante</code> son propiedades con sus respectivos valores.</li><li><code>saludar</code> es un método (una función dentro de un objeto) que puede ser invocado usando la sintaxis <code>persona.saludar()</code>.</li></ul></li></ul><h3>¿Cómo se crean los objetos en JavaScript?</h3><ol><li>Literal de objeto: Es la forma más común y directa de crear objetos en JavaScript utilizando la sintaxis de llaves <code>{}</code>.<pre><code class="language-javascript">let persona = {
 nombre: "Juan",
 edad: 30,
 esEstudiante: true
};</code></pre></li><li>Constructor de objeto: También se pueden crear objetos utilizando una función constructora y la palabra clave <code>new</code>.</li></ol><pre><code class="language-javascript">function Persona(nombre, edad, esEstudiante) {
 this.nombre = nombre;
 this.edad = edad;
 this.esEstudiante = esEstudiante;
 this.saludar = function() {
 console.log(`Hola, mi nombre es ${this.nombre} y tengo ${this.edad} años.`);
 };
}

let juan = new Persona("Juan", 30, true);</code></pre><ul><li>En este caso, <code>Persona</code> es una función constructora que define cómo se deben crear objetos <code>Persona</code> con propiedades y métodos específicos.</li><li>Object.create(): Utilizando el método estático <code>Object.create()</code> para crear un nuevo objeto con un prototipo especificado.<pre><code class="language-javascript">let personaProto = {
 saludar: function() {
 console.log(`Hola, mi nombre es ${this.nombre}.`);
 }
};

let juan = Object.create(personaProto);
juan.nombre = "Juan";</code></pre>Aquí, <code>personaProto</code> es un objeto que actúa como prototipo para el objeto <code>juan</code>.</li></ul>

Contenido

Herencia prototípica en JavaScript

@codechappie

¿Qué son los objetos en JavaScript y cómo se crean?

@codechappie