Programación Orientada a Objetos en JavaScript: Conceptos y Práctica

Clase 35 de 55 • Curso de Fundamentos de JavaScript

Resumen

¿Qué son los objetos en programación?

Los objetos son un concepto fundamental en programación, especialmente en la programación orientada a objetos. Se pueden considerar como estructuras de datos que permiten agrupar información en un formato de "propiedad-valor". Este concepto es crucial para representar entidades del mundo real en el ámbito digital, permitiendo abstraer y estructurar información de forma organizada.

¿Cómo se estructura un objeto?

Un objeto se compone de propiedades y valores. Cada propiedad representa un atributo del objeto y está asociada a un valor. La síntaxis típica para representar un objeto es a través de llaves {} y dentro se definen pares de propiedad: valor.

Ejemplo de objeto en JavaScript:

const persona = {
  nombre: "John",
  edad: 30,
  direccion: {
    calle: "Avenida Insurgentes número 187",
    ciudad: "Ciudad de México"
  }
};

En este ejemplo, el objeto persona tiene varias propiedades: nombre, edad, y direccion. Además, direccion es un objeto anidado con sus propias propiedades.

¿Cómo se pueden generar acciones en objetos?

Los objetos no solo almacenan datos, también pueden ejecutar acciones a través de métodos. Un método es básicamente una función asociada a un objeto. Estas funciones permiten a los objetos realizar acciones, como interacciones o cálculos.

Ejemplo de método dentro de un objeto:

const persona = {
  nombre: "John",
  edad: 30,
  saludar: function() {
    return `Hola, mi nombre es ${this.nombre}`;
  }
};

console.log(persona.saludar()); // Imprime "Hola, mi nombre es John"

En este caso, saludar es un método del objeto persona que devuelve un saludo utilizando la propiedad nombre del mismo objeto.

¿Por qué son importantes los objetos en programación?

Los objetos permiten representar de forma efectiva y eficiente entidades del mundo real dentro de un programa. Mediante la abstracción, se pueden crear modelos complejos que imitan comportamientos, propiedades y características reales. Este enfoque es base de la programación orientada a objetos, un paradigma que facilita el manejo de la complejidad en el desarrollo de software.

Aplicaciones prácticas de los objetos

Modelado de entidades: Permiten modelar cualquier cosa del mundo real, como usuarios, productos o vehículos.
Reutilización de código: Los objetos pueden contener métodos reutilizables, facilitando la creación de código modular.
Mantenimiento y escalabilidad: Fomentan un diseño de código organizado y escalable, manejable a medida que los proyectos crecen.
Interacción y dinámica: Agregan dinamismo a las aplicaciones al permitir la ejecución de funciones específicas del objeto.

Los objetos son una herramienta poderosa en el arsenal de cualquier desarrollador. Comprender cómo crearlos y utilizarlos es crucial para desarrollar aplicaciones eficientes y escalables. Al estudiar objetos, te sumerges en el apasionante mundo de la programación orientada a objetos, expandiendo tus habilidades y permitiéndote crear soluciones más funcionales y versátiles.

Julio Cardenas

student•

Esta grafica es un buen resumen

Jafeth Jesús Sánchez Sánchez

student•

¿Qué es un objeto en JavaScript?

Un objeto en JavaScript es una colección de propiedades. Cada propiedad tiene un nombre (llamado clave) y un valor asociado. Los valores pueden ser de cualquier tipo, incluyendo otros objetos, funciones, arreglos, etc.

Un objeto es como una "caja" donde puedes guardar diferentes valores relacionados entre sí. Es muy útil cuando tienes muchos datos que pertenecen a una misma entidad.

¿Cómo se utiliza?

Creas un objeto con un conjunto de propiedades.
Cada propiedad tiene un nombre (o clave) y un valor.
Puedes acceder, agregar o modificar estas propiedades.

Ejemplo:

Imaginemos que tienes un objeto que representa a un estudiante, con información como su nombre, edad y calificaciones.

// Ejemplo de objeto estudiante
let estudiante = {

    nombre: 'Marco',
    edad:17,
    // objeto calificaciones de mi estudiante
    calificaciones:{
        matematicas:8,
        ingles:9,
        historia:7,
    },
    // Imprimir saludo con nombre y edad
    saludar: function(){
        console.log(`Hola, soy ${this.nombre} y tengo ${this.edad} años`);
    }
}
// Acceder a las propiedades del objeto
console.log(estudiante.nombre); // "Marco"
console.log(estudiante.calificaciones.ingles); // 9

// Usar un método del objeto
estudiante.saludar(); // "Hola, soy Marco y tengo 17 años."

¿Qué está pasando aquí?

Propiedades: El objeto estudiante tiene varias propiedades: nombre, edad y calificaciones. Estas propiedades almacenan datos relacionados con el estudiante.
Método: También tiene una función llamada saludar, que es un método del objeto. Los métodos son funciones que están asociadas a un objeto.
Acceso: Usamos la notación de punto (.) para acceder a las propiedades y métodos del objeto. Por ejemplo, estudiante.nombre devuelve "Juan".

Alexandro Gálvez

student•

Gracias. esto está mejor explicado que la clase

Andres Contreras

student•

Que excelente explicación y ejemplos.

Diego Andrés Lopez Rodriguez

student•

La mejor forma de entender programación orientada a objetos es con el ejemplo de las galletas 😅

Pablo Luna Guzmán

student•

Resumen de la clase

Conocer y entender los objetos es fundamental para aprender JavaScript, ya que estos están presentes hasta en la sopa! Como siempre te invito a que le eches un vistazo a la 📃 documentación del tema y empieces a practicar con ellos desde ya!

Aquí te dejo mi resumen de hoy! Hay una parte de la clase de hoy que ya tocamos en la Lección #22 Funciones vs Métodos por si quieres repasar el tema!

Daniel stevens Celorio sanabria

student•

Los objetos en JavaScript son estructuras de datos que almacenan información en formato clave-valor. Cada clave (o propiedad) se asocia a un valor, que puede ser de diversos tipos. Además, los objetos pueden contener métodos, que son funciones que permiten realizar acciones sobre esos datos. Esto permite una interacción más rica en la programación orientada a objetos.

Carla Mora Martínez

Team Platzi•

<u>prueba</u>

Daniel stevens Celorio sanabria

student•

Los métodos en JavaScript son funciones que están asociadas a un objeto. Aunque en su esencia son funciones, su contexto de uso es particular, ya que permiten interactuar con las propiedades del objeto al que pertenecen. Por lo tanto, sí, los métodos son funciones, pero con un propósito específico en la programación orientada a objetos.

Fernando Emilio Díaz López

student•

En el contexto de JavaScript, al definir un método dentro de un objeto como saludar(), se está estableciendo una función que puede ser invocada. Escribirla de esta manera permite referenciar directamente el comportamiento del objeto, accediendo a sus propiedades, como el nombre, dentro de la función. Esto es clave en la programación orientada a objetos, donde se busca encapsular datos y comportamientos relacionados. La llamada persona.saludar() ejecutará esa función, mostrando la interacción deseada.

Johan Sebastian

student•

Miguel Fernando Chanduvi Varas

student•

Un objeto es un **data structure**, una data structure, es un contenedor que busca contener o almacenar multiples tipos de datos. Los **objetos**, son colecciones de datos relacionados, tienen una estructura de *key-value pairs*, permiten representar **entidades** del mundo real, cuando sus propiedades guardan relacion entre si. Puede contener multiples tipos de datos, incluso funciones. Tiene **atributos o propiedades** (identificadores), y **valores**. Tambien puede tener **metodos** o funciones. A diferencia de los arrays, que son un tipo de objeto, estos no son iterables, pero se puede acceder a sus propiedades con for - in, iterando sobre sus propiedades. **USO:** Agrupar o contener informacion **relacionada** > Se usa para representar cosas del mundo real: una persona, un auto, un producto, etc.

Kyb3r Cipher

student•

Buena classe aunque deberia explicar mas los methods y como puedes declararlos de multiples maneras

Jhony Alex Huamanchumo Bances

student•

Objetos: Un objeto es una colección de propiedades, donde cada propiedad es una asociación entre una clave (nombre) y un valor. En JavaScript, los objetos pueden contener tanto datos (como cadenas, números, arreglos) como funciones (métodos).

const persona = {
    nombre: "Juan",
    edad: 30,
    saludar: function() {
        console.log(`Hola, mi nombre es ${this.nombre}`);
    }
};
```const persona = {
2    nombre: "Juan",
3    edad: 30,
4    saludar: function() {
5        console.log(`Hola, mi nombre es ${this.nombre}`);
6    }
7};

Andrés Soret Chacin

student•

Introducción a Objetos en Programación

Los objetos son una estructura de datos fundamental en programación, que permiten almacenar información de manera organizada y accesible.
JSON (JavaScript Object Notation) es un formato comúnmente utilizado para representar objetos en programación.

¿Qué son los objetos y cómo se estructuran?

Un objeto es una estructura de datos que almacena valores en pares clave-valor (key-value).
Cada objeto tiene un nombre y contiene propiedades (claves) y sus respectivos valores.
La sintaxis básica de un objeto en JavaScript incluye el nombre del objeto, seguido de corchetes {} donde se definen las propiedades y valores.

Ejemplo de un objeto en JavaScript

Un objeto típico podría representar una entidad del mundo real, como una persona.
Por ejemplo:const persona = { nombre: "John", edad: 30, direccion: { calle: "Avenida Insurgentes", numero: 187, ciudad: "Ciudad de México" } };
En este ejemplo, el objeto persona tiene propiedades como nombre, edad, y direccion, donde direccion es a su vez otro objeto con sus propias propiedades.

Métodos en objetos

Además de propiedades, los objetos pueden contener métodos, que son funciones asociadas al objeto.
Los métodos permiten que el objeto realice acciones. Por ejemplo, un método saludar dentro del objeto persona:const persona = { nombre: "John", edad: 30, direccion: { calle: "Avenida Insurgentes", numero: 187, ciudad: "Ciudad de México" }, saludar: function() { console.log("Hola, mi nombre es " + this.nombre); } };
Al llamar persona.saludar(), la salida será "Hola, mi nombre es John".

Importancia de los objetos en la Programación Orientada a Objetos (POO)

Los objetos son la base de la Programación Orientada a Objetos (POO), que se centra en la abstracción de entidades del mundo real en la programación.
POO facilita la creación de estructuras complejas y reutilizables mediante el uso de objetos y sus interacciones.

Próximos pasos

Practicar la creación y uso de objetos en tus proyectos de programación.
Experimentar con propiedades y métodos para entender mejor su funcionalidad.
Continuar aprendiendo sobre POO y cómo aplicar estos conceptos en proyectos más grandes y complejos.

Ana Velez Ossa

student•

Resumen:

Un objeto es una estructura de datos que permite almacenar valores en pares de clave/valor (key/value), lo que facilita la organización y acceso a la información. En un objeto, las propiedades representan los datos, y los métodos son funciones asociadas al objeto que permiten realizar acciones o interacciones.

Sintaxis básica:

const objeto = {
    propiedad1: valor1,
    propiedad2: valor2,
    metodo: function() {
        // Acción o interacción
    }
};

Propiedades: Son las características o atributos del objeto, definidas en formato clave: valor.

Métodos: Son funciones asociadas a un objeto que permiten realizar acciones o interacciones con sus propiedades.

Ejemplo: Objeto persona

const persona = {
    nombre: 'Ana',
    edad: 30,
    direccion: {          // Objeto anidado
        calle: 'Av Insurgente 187',
        ciudad: 'CDMX'
    },
    saludar() {           // Método del objeto
        console.log(`Hola, mi nombre es ${this.nombre}`);
    }
};

Juliana Rios

student•

Calvin Rafael Bobadilla Fernandez

student•

RESUMEN:

Carla Mora Martínez

Team Platzi•

<u>prueba </u>