El 14 de septiembre de 2017, publicamos una versión revisada de nuestra Política de privacidad. Tu uso continuado de video2brain.com significa que aceptas este documento revisado, por lo que te recomendamos que dediques unos minutos a leerlo y comprenderlo.

JavaScript esencial

Trabajar con clases en la programación orientada a objetos

Prueba ahora LinkedIn Learning sin cargo y sin compromiso.

Prueba gratis Mostrar modalidades de suscripción
Las clases son la base fundamental en el paradigma de la programación orientada a objetos, por lo cual es muy importante que conozcas su estructura y funcionamiento. Aprende en este video cómo escribir y usar las clases con JavaScript.
03:33

Transcripción

La programación orientada a objetos es un tema fascinante, porque nos facilitará mucho del trabajo que tenemos que hacer cuando estemos programando. Y más que facilitarnos nos ayudará a entender y a estructurar mejor nuestras aplicaciones. Para esto, vamos a entender un poco de la historia que existe de la programación orientada a objetos en JavaScript. Aquí, en el código que estás viendo en pantalla, está declarada una clase a como se trabajaba regularmente. En esta clase nosotros teníamos una función, y después cada uno de los métodos lo declarábamos con un "prototype" y escribíamos una función. Y simplemente cuando queríamos hacer una instancia de cada una de ellas, entonces hacíamos un "new" y poníamos el nombre de la clase. Tal vez te hayas topado con esto alguna vez, tal vez nunca, no te preocupes, vamos a revisar ahora todos estos temas que hemos tocado en pocos segundos. Lo primero que vamos a hacer será entender cómo funciona una clase en JavaScript actualmente. Para esto, vamos a comentar primero todas estas líneas y vamos a generar una nueva clase, pero trabajaremos ahora con una nueva sintaxis. Una nueva sintaxis que, de hecho, es más popular y es más aceptada. Trabajaremos con la palabra reservada'class'. Para esto, antes, nosotros teníamos una clase llamada Pantalla, así que vamos a crearla nuevamente. Después de que creamos la clase, lo único que tenemos que hacer es abrir y cerrar llaves para delimitarla. Y posterior a eso, toda clase siempre va a necesitar de un constructor. Este constructor es el que va a dar paso para que se inicialicen las cosas y, por ejemplo, aquí abajo nosotros tenemos un par de constantes, vamos a copiarlas para entender qué sucede con ellas. Voy a quitar de aquí los comentarios y también voy a quitar los parámetros que tiene cada una. El objetivo de esto es que tú puedas ver que en este caso, cuando utilizamos la palabra'new' y escribimos el nombre de la clase, estamos haciendo una instancia. Esto es como cuando se prepara, por ejemplo, gelatinas. ¿Qué sucede? Cuando tú preparas una gelatina tienes distintos moldes, o incluso si preparas pasteles o algún dulce que se base en algún molde. La idea es que tengas moldes para preparar cosas, entonces tú puedes vaciar todos los ingredientes y contenidos mezclados en esos moldes y, al final, cuando terminas el proceso, ya tienes un producto. Estas pueden ser instancias. De hecho, el objetivo que va a tener es declarar la estructura y funcionamiento básico para que tú lo puedas utilizar. Aquí, en este caso tenemos una clase'Pantalla'. Ahorita no tiene nada, no tiene propiedades, no tiene métodos, es una pantalla vacía. Y después de esto tenemos un par de instancias, es decir, una instancia de pantalla que se llama'tvSala' y otra instancia de otra pantalla que se llama'tvHabitacion'. El objetivo es que nosotros posteriormente podamos migrar todas estas funciones y propiedades a la nueva forma de escribir una clase. Si actualizamos nuestro navegador, podemos encontrar por aquí que tenemos un pequeño error. No te preocupes, esto es porque el constructor también necesita su "set" de llaves. Actualizamos y vemos que ahora ya no tenemos ningún error, y si escribimos aquí directamente 'tvSala' podemos ver que ya tenemos una instancia de Pantalla. Hasta ahora, entonces, ya sabes cómo se escribe una clase con esta sintaxis.

JavaScript esencial

Aprende y conoce JavaScript empezando por entender sus conceptos más básicos y esenciales, pero considerando en todo momento la nueva especificación del lenguaje ES6.

5:26 horas (90 Videos)
Actualmente no hay comentarios.
 
Software:
Fecha de publicación:12/09/2017

Este curso video2brain está disponible como descarga y para ser visualizado online. ¡Pero no hace falta que decidas entre las dos opciones! Al comprar el curso, disfrutarás de ambas posibilidades.

La descarga te permite ver las lecciones sin estar conectado/a a internet y supone una navegación fácil y ágil entre capítulo y capítulo. Si vas a trabajar en diferentes ordenadores o si no quieres descargarte el curso completo, entra en la web con tus datos de acceso y disfruta directamente de tus vídeos online. Te deseamos que disfrutes de este curso y te resulte de mucha utilidad.

Estamos a tu disposición si tienes cualquier tipo de duda o pregunta.