Métodos de clase estática JavaScript

Los métodos de clase estática en JavaScript se usan comúnmente para definir las funciones de utilidad. Los métodos de clase estática se integraron en el "ES6"Como un método específico de clase JavaScript para la programación orientada a objetos (OOP). Puedes utilizar el "estáticoPalabra clave con el nombre del método para crear un método de clase estática. Además, los métodos de clase estática se invocan utilizando el objeto de clase, no la instancia de clase.

Esta redacción discutirá los métodos de clase estática JavaScript. Además, también demostraremos ejemplos de definición de métodos estáticos y su uso en una clase de JavaScript. Entonces, comencemos!

Sintaxis de los métodos de clase estática JavaScript

Para definir un método estático en su clase JavaScript, debe usar el "estáticoPalabra clave con el nombre del método. Consulte la sintaxis dada a continuación para crear un método de clase estática JavaScript:

MethodName estático ()

Aquí nombre de nombre puede ser cualquier cosa que le gustaría nombrar como método.

Métodos de clase estática JavaScript

En JavaScript, los métodos estáticos están vinculados a una clase pero no a las instancias de la clase JavaScript. Es por eso que los métodos de clase estática se utilizan para definir los métodos de utilidad o ayudante.

Ejemplo 1: Uso de métodos de clase estática JavaScript

Use la palabra clave "estático"Definir un método estático para su clase JavaScript. En el ejemplo dado a continuación, en primer lugar, crearemos un "Empleado"Tener un constructor y un método"GetName () ":

empleado de clase
constructor (nombre)
este.nombre = nombre;

getName ()
devolver esto.nombre;

Dentro de nuestra clase de empleados, definiremos un "showgender ()"Método estático utilizando el"estáticoPalabra clave. Nuestro método showgender () estático devolverá un objeto de empleado con su "nombre" El valor de la propiedad:

showgender estático (género)
Sea nombre = género == "mujer" ? "Stepheny": "Stepheny";
devolver nuevo empleado (nombre);

Crearemos un "empleado"Instancia que almacenará el valor devuelto por el vapor() método estático. Tenga en cuenta que hemos invocado el método estático showgender () con el "EmpleadoObjeto de clase:

Deje empleado = empleado.showgender ("mujer");
consola.log (empleado);

Aquí está el resultado que obtenemos al ejecutar el ejemplo anterior:

Ya hemos mencionado, debe invocar el método estático con el objeto de clase, no con la instancia de clase. Por ejemplo, hemos creado un "empleado1"Instancia de la clase de empleados. Ahora, cuando invocamos nuestro showgender () Método estático con el "empleado1"Instancia, nos dará un error:

Deje que el empleado1 = nuevo empleado ('Jack Smith');
Sea info = empleado1.showgender ("masculino");

Como puede ver, no podemos acceder al método estático showgender () con el "empleado1"Instancia, por eso recibimos el siguiente error:

Ejemplo 2: Uso de métodos de clase estática JavaScript

En este ejemplo, en primer lugar, crearemos una clase llamada "Bicicleta"Y su constructor parametrizado, que acepta la bicicleta"nombre"Como su parámetro:

bicicleta de clase
constructor (nombre)
este.nombre = nombre;
consola.log (nombre);

En el siguiente paso, crearemos un método estático "BikeInfo ()"Que devolverá una cadena"Esta es mi bicicleta"Siempre que lo invocemos:

BikeInfo estático ()
Regrese "Esta es mi bicicleta";

Luego, crearemos una instancia de clase de bicicleta llamada "mi bicicleta"Y pasará"Yamaha YZF R15 V3"Como argumento para el constructor:

Deje myBike = bicicleta nueva ("Yamaha YZF R15 V3");

Ahora, llamaremos al "BikeInfo ()"Método estático con nuestro nombre de clase, que es"Bicicleta":

Bicicleta.BikeInfo ();

Invocando el BikeInfo () Método del JavaScript "Bicicleta"Clase, el programa mostrará la siguiente salida:

Mientras que invocar el método static bikeInfo () con la instancia de clase de bicicleta creada mostrará un error:

mi bicicleta.BikeInfo ();

Para utilizar la instancia creada de la clase de bicicleta dentro del "BikeInfo ()"Método estático, podemos pasar"mi bicicleta"Como parámetro para él. Mire el programa a continuación para la ilustración:

bicicleta de clase
constructor (nombre)
este.nombre = nombre;

BikeInfo estático (x)
Devuelve "Esta es mi bicicleta:" + x.nombre;

Después de definir el método estático parametrizado, crearemos un "mi bicicleta"Instancia de la clase de bicicleta:

Deje myBike = bicicleta nueva ("Yamaha YZF R15 V3");

A continuación, invocaremos el "bicicleta"Método estático mientras pasa"mi bicicleta"Instancia como argumento:

Bicicleta.BikeInfo (mybike);

La salida se mostrará "Esta es mi bicicleta:"Cadena con la bicicleta"nombre" de nuestro "mi bicicleta" instancia:

Conclusión

Utilizando el "estático"Palabra clave, puede definir los métodos de clase estática JavaScript. Para invocar el método estático definido, debe crear un objeto de la clase relacionada y llamar al método estático con la ayuda de él. Los métodos estáticos de JavaScript pertenecen a la clase en la que se definen; Sin embargo, no puede acceder a ellos con la instancia de clase. Este artículo sobre los métodos de clase estática JavaScript. Además, también demostramos algunos ejemplos relacionados con la definición de métodos estáticos y su uso en una clase de JavaScript.