KnowledgeCity

JavaScript orientado a objetos

En este curso, desarrollará habilidades de programación JavaScript orientada a objetos.

En este curso, desarrollará habilidades de programación JavaScript orientada a objetos. Aprenderá sobre las clases de objetos en JavaScript, su estructura común y cómo crearlas. Comprenderá por qué las clases son importantes en JavaScript y cómo declarar propiedades de instancia de clase. Descubrirá miembros de clase estáticos, instancias de clase y cómo diseñar una clase. Por último, aprenderá sobre varios módulos de JavaScript, qué es una enumeración y cómo crear una.

Objetivos de aprendizaje

  • Importancia de las clases y estructura común de una clase
  • Mejores prácticas de los principios del diseño de clases
  • Cómo declarar propiedades de instancia de clase y miembros de clase estática
  • Explorar los módulos de JavaScript
  • Crear una declaración de enumeración
  • Un ejercicio sobre el diseño de clases

Instructor: Joseph Barrett

Duración: 37m · 9 lecciones
Nivel: Intermediate
Idioma: Español

Habilidades que obtendrás

Lenguajes de secuencias de comandos de JavaJavaScript (Lenguaje de programación)Código de objetoJavaScript orientado a objetosProgramación orientada a objetos (POO)Objectscript

Lo que aprenderás

  • Explicar por qué se usan clases en JavaScript y su importancia
  • Describir la estructura común de una clase y los principios de mejores prácticas de diseño de clases
  • Declarar propiedades de instancia de clase y miembros de clase estática
  • Trabajar con instancias de clase y herencia
  • Diseñar una clase desde una hoja de especificaciones a través de un ejercicio práctico
  • Explorar módulos de JavaScript y crear una declaración de enumeración (enum)

Puntos clave

  • El curso desarrolla habilidades de programación JavaScript orientada a objetos, cubriendo clases de objetos, su estructura común y cómo crearlas.
  • Los estudiantes obtienen una comprensión de por qué las clases son importantes en JavaScript y cómo declarar propiedades de instancia de clase.
  • El curso cubre miembros de clase estática, instancias de clase, herencia y los principios de mejores prácticas de diseño de clases.
  • Los estudiantes exploran varios módulos de JavaScript y aprenden qué es un enum y cómo crear uno.
  • Un ejercicio práctico cubre el diseño de una clase desde una hoja de especificaciones.

Preguntas frecuentes

¿Qué aprenderé en este curso de JavaScript Orientado a Objetos?

Aprenderá sobre clases de objetos en JavaScript, su estructura común y cómo crearlas, por qué las clases son importantes, cómo declarar propiedades de instancia de clase, miembros de clase estática, instancias de clase, cómo diseñar una clase, módulos de JavaScript y qué es un enum y cómo crear uno.

¿Este curso incluye alguna práctica práctica?

Sí. El curso incluye un ejercicio sobre diseño de clases, incluyendo una lección sobre diseño de una clase desde una hoja de especificaciones.

¿Qué habilidades me ayuda a desarrollar este curso?

Este curso desarrolla habilidades en JavaScript orientado a objetos, JavaScript (lenguaje de programación), programación orientada a objetos (POO) y conceptos relacionados de scripting en JavaScript.

¿Qué temas se cubren en las lecciones?

Las lecciones cubren por qué usar clases, la estructura común de una clase, principios de mejores prácticas de diseño de clases, declaración de propiedades de instancia de clase, miembros de clase estática, instancias de clase y herencia, diseño de una clase desde una hoja de especificaciones, módulos de JavaScript y creación de un enum en JavaScript.

Transcripción

Transcripción

[Instructor} En esta lección, vamos a hablar sobre por qué deberíamos considerar usar Sintaxis de la nueva clase de JavaScript. Así que para empezar, seamos claros. No es como si no pudieras hacer programación de estilo orientada a objetos en JavaScript antes, es solo que no hubo específicamente algo llamado la clase, que podrías crear. Pero podrías crear este contenedor para propiedades, comportamientos, de algo que querías agrupar como un objeto. Y esta es la forma en que lo hicimos. Entonces creamos una función, y enviamos algunos parámetros en formato. Esto sirve al propósito de el constructor del objeto. Y solo asigno esos parámetros de entrada a las cosas que creo como propiedades. Este punto lo convierte en una propiedad de lo que eventualmente será este objeto que creamos. Donde la sintaxis se vuelve un poco más turbia, al estilo de la vieja escuela, es que para agregar definiciones de métodos en este objeto, los agregaríamos al prototipo de esta función original. No es que no haya funcionado, funcionó y todavía lo hace, pero si es relativamente nuevo en el uso de esto, puede parecer un poco torpe, un poco extraño. Entonces, para este objeto de muestra Tengo estos cuatro métodos que creé y agregué. Además, podrías heredar, pero de nuevo, tal vez no sea una sintaxis tan familiar, como lo habrías hecho, si ha trabajado con otros lenguajes orientados a objetos. Si fue una solicitud de vacaciones, esta es una solicitud especial, y esto llama a ese constructor del otro objeto, hace que todos mis otros métodos de prototipos estén disponibles. Y ahí voy. Como dije, esto funciona, todavía funciona. Pero con las versiones más nuevas de JavaScript con ECMAScript 2015, tenemos una palabra clave de clase real en JavaScript. Y ahora podemos crear un constructor. Y lo que lo convierte en un constructor, es que en realidad usa la palabra constructor. Ahora, a diferencia de otros idiomas, solo puede tener un constructor. JavaScript todavía no se sobrecarga como lo hacen otros idiomas. Pero puedes ver aquí el proceso, donde asignamos propiedades es básicamente lo mismo. Y si miro estos otros métodos, podríamos mirar hacia atrás en ese otro código, y vea el código dentro de estos, no es diferente que en los otros casos, pero tiene mucho más sentido, porque ahora, y puedes ver cuando lo colapso, todo este código está dentro de esta definición de clase. Está dentro de estos tirantes. Es visualmente evidente que todo es parte de esta clase. La herencia también cambia. Ahora puedo usar la palabra clave class y extiende y usa el nombre de la clase base. Y de mi método constructor aquí, super es lo que uso para llamar al constructor de la clase que esto extiende. Que, de nuevo, son las mejores prácticas, estableces una estructura de marco de clases. Y también puedo agregar mis otras propiedades a este objeto según sea necesario. Entonces, si está creando objetos, la forma preferida de ir ahora, sería utilizar la sintaxis de la clase. Es principalmente azúcar sintáctico, porque facilita este trabajo. Si vas y miras los internos, Verá que una clase es realmente una función especial. Sin embargo, existen algunas diferencias. Las definiciones de funciones se elevan, las definiciones de clase no lo son, así que izar recuerda es solo esa función las decoraciones se guardan en la memoria antes de ejecutar cualquier código. Entonces, potencialmente puedes usar la función antes de declararlo. Yo mismo prefiero la clase por esa razón. Hace que mi código sea más fácil de leer. El cuerpo de la clase también se ejecuta en modo estricto, por lo que también tiene garantizada la optimización del código. Gracias por ver, en la próxima lección, veremos cuál es la estructura común de una definición de clase.

Aprende sobre la marcha

Lleva tu aprendizaje a todas partes: la app de KnowledgeCity te permite ver las lecciones sobre la marcha.