Objetos y prototipos en JavaScript: diferencias y usos

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

Contenido del curso

JavaScript Orientado a Objetos

Objetos, clases y prototipos

Pilares de la POO: abstracción y encapsulamiento

Pilares de la POO: herencia y polimorfismo

Próximos pasos

17
Examen Final de Programación Orientada a Objetos en JavaScript
01:40 min

Tomar examen

Cursos Empresas Blog Live Conf Eventos Precios

0:0017:36

Objetos y prototipos en JavaScript: diferencias y usos

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

Clase 4 de 17

Clase 4 / 17

Recursos

¿Cómo funcionan los objetos en JavaScript?

Los objetos en JavaScript pueden generar confusión para quienes recién comienzan a explorar este lenguaje. Es común sentir incertidumbre al estudiar a fondo cómo funcionan los objetos en JavaScript, pero tranquilo, este es un aspecto crucial que necesita ser abordado con calma para ser comprendido plenamente.

¿Qué son y cómo funcionan los tipos y estructuras de datos en JavaScript?

Cada lenguaje de programación tiene sus tipos y estructuras de datos, incluyendo JavaScript. Entre los más comunes, encontramos:

Strings: Cadenas de texto.
Números: Valores numéricos, que pueden incluir enteros y decimales.
Booleanos: Variables que pueden ser solo true o false.
Arrays: Listas que pueden albergar cualquier otro tipo de dato del lenguaje.

Además, existen también los objetos, los cuales pueden compararse con otros elementos más complejos como en otros lenguajes de programación.

¿En qué se diferencian los objetos literales de las instancias de objetos?

La diferencia entre objetos literales y las instancias de objetos en programación orientada a objetos (POO) es fundamental:

Objetos Literales:
- En JavaScript, son colecciones de pares clave-valor, encerrados dentro de llaves {}.
- Ejemplo: { nombre: "Juan", edad: 30 }.
Instancias de Objetos:
- Se basan en clases, o en el caso de JavaScript, en prototipos.
- Se crean utilizando una función constructora y la palabra clave new.

Los objetos literales proporcionan una sintaxis sencilla, mientras que las instancias creadas a partir de constructores (o usando class en versiones más recientes de JavaScript) ofrecen más capacidades de reutilización y organización.

¿Cuál es la importancia del prototipo en JavaScript?

JavaScript es un lenguaje basado en prototipos, no en clases como muchos otros lenguajes orientados a objetos. Esto significa que:

Cada objeto puede tener un objeto prototipo, que actúa como un modelo del que hereda métodos y propiedades.
La propiedad __proto__ en cada objeto remite al prototipo al que pertenece. Esto permite la herencia de métodos y atributos.

Ejemplo de Prototipos en JavaScript

// Función constructora como prototipo
function Student(name, age) {
  this.name = name;
  this.age = age;
}

// Creando una instancia del prototipo
const juanita = new Student("Juanita", 25);

// Herencia de atributos y métodos.

Aquí, juanita hereda los atributos name y age del prototipo Student.

¿Qué es la herencia prototípica y cómo se refleja en objetos, arrays y funciones?

Cada Array u Objeto en JavaScript tiene asociado un prototipo. Por ejemplo:

Arrays: Tienen un prototipo Array que ofrece métodos como push() que permite agregar elementos.
Objetos: Se basan en el prototipo Object, proporcionando métodos como hasOwnProperty().

Esto permite que listas o estructuras complejas cuenten ya con métodos predefinidos sin necesidad de redefinirlos cada vez.

¿Cómo afectan los objetos y prototipos a la programación en JavaScript?

La programación basada en prototipos de JavaScript ofrece:

Reutilización de métodos: Reducción en la necesidad de definir métodos para cada instancia individual.
Flexibilidad y dinamismo: Los programadores pueden añadir nuevos métodos al prototipo en tiempo de ejecución.

Aprender a manejar objetos y prototipos es crucial para sacar el máximo potencial a JavaScript, ya que todo, desde objetos literales hasta arrays, dependen de esta arquitectura. Profundizar en estos conceptos es fundamental para una programación más eficiente y ordenada.

Con todos estos avances y herramientas a tu disposición, puedes estar seguro de que seguirás avanzando y afrontando cualquier desafío que se te presente en el camino de la programación en JavaScript.

David Alidhasem Manzanares Casio

Hace 5 años

Este es un resumen de conceptual de lo presentado en esta clase. Ojalá a alguien le sea útil. . .

Objeto literal

Los objetos literales se distinguen de los objetos de la POO porque no son instancias de un prototipo creado por el desarrollador.
. Sin embargo los objetos literales son instancias del prototipo Object creado por defecto en JavaScript. .

const Natalia = {
	'Name' : 'Natalia',
	'Age' : 20,
	'Rank': 2000, 
};

. Prototipo

Un prototipo es una estructura de código a partir de la cual se crean objetos, ya que guarda los atributos y métodos que luego podrán ser heredados por sus instancias. . Podemos pensarlo como un "molde" de objetos. .

function Student() {
	this.name = 'Nombre';
	this.age = '18';
	this.points = '750';
}

const Juanita = new Student();

. Objeto

Los objetos son estructuras de datos formadas por métodos y atributos, los cuales hereda de su prototipo padre. . De modo que los objetos son son instancias de ese prototipo, particularmente cuando dicho prototipo fue creado por el desarrollador (en caso contrario se llaman objetos literales). .

Atributos

Dentro de los objetos se pueden guardar atributos para guardar en ellos la información la información que se les asocia. Así, toda la información del objeto se guarda en sí mismo. .

Métodos

Dentro de los objetos también pueden guardarse métodos, los cuales son funciones que, entre otras cosas, permiten actualizar la información guardada en los atributos de forma segura. .

Atributo __proto__

Es el nombre que se le da al atributo donde se guardan los métodos que las estructuras de datos tienen por defecto en JavaScript. . El atributo __proto__ se hereda a partir de los prototipo por defecto de JavaScript para cada estructura de datos en particular, por ejemplo de los prototipos Object y Array. . El atributo __proto__ también se hereda a los objetos, ya que éstos son a la vez instancias de algún prototipo creado por el desarrollador y del prototipo Object.

Raycris Maldonado

Hace 4 años

Excelente resumen

Larry Finol

Hace 4 años

Excelente aporté!!

Comentarios (353)353 comentarios

Derek Samuel Paúl Peña

Aldo Abril Ricalde

Robert Alexander Machado Espinoza

Alen Samuel

Sebastian Vizcarra

Diego Antonio García Rivas

Fabian Gutierrez

Yanina Maria Eva Roldan

Hace 3 años

José Gregorio Estrada Meneses

Zedovius .

Juan David Sánchez

Carlos Mazzaroli

Santiago Reynoso Dunjo

Gustavo Esteven Fajardo Cruz

Cristian Diaz

Andrés Felipe Gualteros Tovar

Franks Jhon Colque Zegarra

Lucia Aldana Castillo

Job Forero

Anfernee Valera

Andrés Suarez

Gabriel Oswaldo Montoya Huamani

Yuliam Rivera González

Fabian Flores

Daniel Arturo Dominguez Lopez

Juan Castro

Profesor

Jorge Méndez Ortega

Ricardo Porfirio León Valencia

Dario Paladines

Kevin Acevedo

Camilo Alonso Hernandez Cediel

Luis Alejandro Nieto Ruth

JavaScript Orientado a Objetos

Fundamentos de Programación Orientada a Objetos en JavaScript

Programación Orientada a Objetos con JavaScript: Fundamentos y Aplicaciones

Conceptos Básicos de Programación Orientada a Objetos

Objetos, clases y prototipos

Objetos y prototipos en JavaScript: diferencias y usos

Objetos Literales y Prototipos en JavaScript

Clases en JavaScript: Sintaxis y Uso Práctico

Comparativa de Objetos Literales y Clases en JavaScript

Pilares de la POO: abstracción y encapsulamiento

Abstracción en Programación Orientada a Objetos con JavaScript

Programación Orientada a Objetos con JavaScript: Clases y Prototipos

Encapsulamiento en JavaScript: Uso de Getters y Setters

Encapsulamiento con Getters y Setters en JavaScript

Módulos en JavaScript: Encapsulamiento y Uso Práctico

Pilares de la POO: herencia y polimorfismo

Herencia en Programación Orientada a Objetos: Tipos de Estudiantes

Implementación de Herencia en JavaScript con Clases

Polimorfismo en Programación Orientada a Objetos

Polimorfismo en JavaScript: Crear y Publicar Comentarios

Próximos pasos

Examen Final de Programación Orientada a Objetos en JavaScript

Objetos y prototipos en JavaScript: diferencias y usos

Progreso del curso

JavaScript Orientado a Objetos

Objetos, clases y prototipos

Pilares de la POO: abstracción y encapsulamiento

Pilares de la POO: herencia y polimorfismo

Próximos pasos

Recursos

Recursos