Javascript Nueva Clase

| | | | | |

JavaScript se basa en prototipos. Cada vez que declara un objeto, se crea una propiedad prototipo, que amplía las propiedades y los métodos asociados con ese objeto.

En los últimos años, muchos desarrolladores de JavaScript han estado buscando formas de orientar los objetos para incrustarlos. objetos de diseño en su código. Esto dio origen a un nuevo tipo de objeto en JavaScript llamado clase que extiende un prototipo.

En esta guía, discutiremos qué son las clases, por qué se usan y cómo puede implementar un clase en su código. Le daremos un ejemplo para que comience con las clases.

¿Qué es una clase de JavaScript?

Las clases son una forma de declarar un modelo para un objeto.

Si está familiarizado con los lenguajes de programación orientados a objetos, sabrá que dependen en gran medida de clases y objetos. Una clase es como una plantilla para un tipo de datos: dice qué datos se pueden almacenar y a qué métodos se puede acceder. Un objeto es una instancia de esta clase.

Un ejemplo de una clase sería Book. Esta clase contendría el modelo de qué información podría almacenarse en los libros y cómo se podrían cambiar esos datos. Un objeto podría ser un tranvía llamado deseo, que es un libro individual.

En JavaScript, las clases son lo que llamamos azúcar sintáctico. Es bueno tener la sintaxis de las clases, pero no necesariamente agregan nuevas funciones.

Las clases se usan comúnmente en marcos de JavaScript modernos como React y Next.js.

lecciones en relación a las Funciones

Si recuerdas una cosa de este artículo, sea esta: las clases son funciones bastante normales

la única diferencia entre una clase y una expresión de función es la forma en que se declaran, las funciones usan la palabra clave y las clases usan la clase . palabra clave técnicamente, puede declarar una clase sin siquiera usar la palabra clave class

podemos decir que son lo mismo creando dos funciones e imprimiendo sus prototipos.

p>

Nuestra expresión de clase y función devuelve:

función ()

función ()

las dos funciones nuestras y las clases usan la misma lectura de arco basada en un prototipo.

¿Cómo se define una clase? que es una gran pregunta.

Puedes definir una clase usando la palabra clave . Una vez que haya definido una clase, puede usar la función constructor () para inicializarla con valores predeterminados.

Abra una consola de JavaScript y pegue este código:.

p>

Esto crea una clase llamada Book. Nuestra clase puede almacenar dos valores, Título y Autor, que definimos en nuestro método de construcción de clases. Para crear un objeto de esta clase, podríamos usar este código:

Podemos recuperar los valores ‚Äã‚Äão de nuestra clase como lo haríamos con cualquier objeto:

Nuestro código devuelve:. Una de las ventajas de usar clases en prototipos es que puedes declarar un método dentro de una clase. Esto significa que no necesita usar la sintaxis prototype para agregar un nuevo método a una función existente

Tomemos este ejemplo:.

Hemos declarado un método llamado GetDetails() que existe dentro de nuestra clase. Es bueno, porque mantiene todo nuestro código agrupado. Llamamos a nuestra función GetDetails():

Nuestro código devuelve:

un deseo llamado tranvía es un libro escrito por Tennessee Williams

Herencia de lecciones

Como en cualquier estructura orientada a objetos, las clases pueden heredar propiedades de otras clases.

La herencia se refiere a un proceso en el que una clase secundaria puede acceder a los métodos y datos de una clase principal. Para heredar de una clase, puede usar la palabra clave Extend. Cree un archivo JavaScript o abra su consola JavaScript y pegue este código:

Hemos creado una clase llamada ficción que usa la clase del libro que declaramos previamente como proyecto. En nuestro código, usamos la palabra clave super () para heredar el título y los valores ‚Äã‚Äãdel autor de la clase principal, que es Book. Entonces, hemos definido un nuevo atributo, fiction, cuyo valor se establece en true de forma predeterminada

Vamos a crear un objeto de nuestra nueva clase de ficción.

Nuestro código devuelve: verdadero. La clase ficción almacena un elemento llamado fiction que es verdadero por defecto. Si intentamos acceder a este valor desde una instancia de la clase Libro, no se devolverá nada. De hecho, la "ficción" es accesible en nuestra clase de ficción.

Getter y Setter

Al trabajar con clases, debe usar las funciones getter y setter.

Las funciones de obtención le permiten recuperar métodos de una clase. Las funciones de establecimiento le permiten cambiar el valor de un elemento en particular en una clase. Estas funciones se indican mediante las palabras clave get y juntos respectivamente

Considere el siguiente código:.

En este ejemplo, hemos declarado dos métodos llamados author. Uno de estos métodos nos permite recuperar el valor de author; este es nuestro get method. El otro método nos permite cambiar el valor de author

Podemos verlo en acción usando el siguiente código:

Nuestro código devuelve: Tennessee Williams

Nosotros inicializó un objeto llamado tra m y le dio el título A Streetcar Named Desire. Luego tenemos el valor author Tennessee Williams usando el compositor que definimos en nuestro código. Finalmente, imprimimos el valor author en la consola usando el play.

Conclusión

Aunque las clases no se corresponden con la nueva funcionalidad de JavaScript, facilitan la comprensión de las funciones de escritura si está acostumbrado a la programación orientada a objetos.

Clases de diseño abstractas basadas en un prototipo de JavaScript y hacer que parezca más orientado a objetos. La palabra "mirar" es crucial porque, recuerda, las clases son funciones. Las clases no son más que azúcar sintáctica.

¡Ahora estás listo para comenzar a usar las clases como un experto en JavaScript!

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

News


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method