Cómo crear enumerador en JavaScript

Cómo crear enumerador en JavaScript
Mientras se programa en JavaScript, ¿alguna vez ha encontrado una situación en la que se requiere administrar algunos valores codificados o un archivo grande de constantes con valores específicos como cadenas predeterminadas o URL? Si es así, entonces aprenda el concepto de Enumeración Para abordar fácilmente tal problema la próxima vez.

En Javascript, enumeradores crear un conjunto de "constantes"O algunos valores distintos, haciendo que el código sea más fácil de leer y mantener. También son útiles en caso de limitar la selección; Por ejemplo, los valores posibles para representar las estaciones en el clima templado son el verano, el invierno, el otoño y la primavera.

Este artículo discutirá el método para crear un enumerador en JavaScript. Entonces, comencemos!

Enumerador en JavaScript

Es posible que sepa que los números se pueden utilizar para referirse a un "valor" y el "tipo" de algo. Por ejemplo, en el programa dado a continuación, asociaremos un número "1"Con la constante"VERANO"Como tipo de temporada:

constante constante = 1;

A continuación, definiremos una función llamada "getsEasta ()"Eso acepta el"tipo"Como argumento y luego compararlo con el tipo de"VERANO"Uso del estricto operador de igualdad"===":

function getsEason (type)
FuncionGetSason (tipo)
if (type === verano)
regreso nombre: 'temporada de verano';

regreso nombre: 'Otra temporada';

Por último, invoca el "getsEasta ()"Función mientras pasa"1"Como argumento:

getsonse (1);

La salida del código anterior imprimirá la información de la temporada en la consola, de acuerdo con el tipo aprobado:

Quiero definir más tipos de temporada? Para hacerlo, cree constantes con el nombre de la temporada específica y asigne un número como su "tipo":

constante constante = 1;
constante constante = 1;
const invierno = 2;
FuncionGetSason (tipo)
if (type === verano)
regreso nombre: 'temporada de verano';

if (type === invierno)
regreso nombre: 'temporada de invierno';

regreso nombre: 'Otra temporada';

getsaper (2);

Producción

Como puede ver en la salida dada anteriormente, nuestro programa funciona perfectamente. Aún así, la temporada definida tipos son no conectado lógicamente y existir como independiente constantes que se pueden colocar en cualquier parte del código, haciéndolas complejas para manejar. En tal situación, "Enumeradores" entra en juego!

Los enumeradores ofrecen la funcionalidad de definir un conjunto de nombrados "constantes"O casos distintos. Cuando se utiliza este mecanismo, todos los "duroLos valores se agregan en una ubicación única a la que se referen, no se reescriben. Además, el uso de enumeradores también ayuda a mejorar la capacidad de mantenimiento del código.

Ahora, revisemos el método de crear enumeradores en JavaScript.

Cómo crear un enumerador en JavaScript

Los enumeradores no son compatibles con ES6 y las versiones anteriores; Sin embargo, es un patrón, por lo que podemos replicarlo utilizando características y técnicas de JavaScript nativas.

En JavaScript, puede crear enumeradores por:

  • Definiendo un enumerador "Objeto"
  • Creando un enumerador "Clase"

Discutiremos cada uno de los métodos especificados en las siguientes secciones.

Cómo crear objeto Enumerator en JavaScript

Como se mencionó anteriormente, los enumeradores se definen como "constantes" o "valor clave"Pares, por lo que para usarlos en JavaScript, debe crear un objeto con el nombre siguiente"Pascalasa"Y las llaves en"Upper_case":

Const Seasons =
Verano: 1,
Invierno: 2,
Primavera: 3,
Otoño: 4

Hasta este punto, hemos creado un enumerador llamado "Estaciones,"Pero sus valores se pueden cambiar fácilmente, lo que niega que sea un enumerador. Tenemos que especificar sus propiedades como "inmutable"Alterar este comportamiento.

Para este propósito, invocaremos el JavaScript "Objeto.congelar()"Método al definir las propiedades del"Estaciones" objeto. Al hacerlo, el "Objeto.congelar()"El método congelará el"Estaciones"Objeto y evita sus propiedades de cualquier manipulación:

estaciones de constante = objeto.congelar(
Verano: 1,
Invierno: 2,
Primavera: 3,
Otoño: 4
);
Estaciones;

Producción

Para escenarios básicos, puede crear un objeto enumerador; Sin embargo, cuando tenga que especificar alguna lógica para agregar valores, elija la implementación del enumerador en una clase de JavaScript.

Cómo crear clase de enumerador en JavaScript

Para crear un "Enumerador"Clase en JavaScript, siga las instrucciones dadas a continuación:

  • En primer lugar, defina un "constructor()"Para la clase de enumerador que acepta un número variable de argumentos como"llaves". El método de constructor creado será responsable de agregar cada uno "llave"A un objeto enumerador y luego congelarlo instantáneamente con la ayuda del"Objeto.congelar()" método.
  • En el siguiente paso, utilice el "Símbolo.iterador ()"Método para convertir una instancia de la clase Enumerator en un"itreable" objeto. Esta funcionalidad hará que el objeto enumerador sea más útil.
  • Por último, declare un objeto del "Enumerador"Clase y pase el"llaves"Al constructor ().
Enumerador de clase
classenumerator
constructor (... teclas)
llaves.foreach ((clave, i) =>
esta [clave] = i;
);
Objeto.congelar (esto);

*[Símbolo.iterador] ()
para (deje que la clave de OBECT.llaves (this)) senderokey;


constseasonsenum = newenumerator (
'verano',
'invierno',
'primavera',
'otoño');
Const Seasons = [... SeasonSenum];
consola.log (temporadas);

Así es como hemos implementado la clase Enumerator en JavaScript:

Hemos compilado diferentes métodos para crear enumeradores en JavaScript. Dependiendo de sus requisitos, puede utilizar cualquiera de ellos y beneficiarse de las funcionalidades de los enumeradores.

Conclusión


En JavaScript, puede crear un "Objeto enumerador" o "Enumerador"Para implementar el concepto de enumeración, donde el objeto enumerador se usa en escenarios básicos y la clase de enumerador se define para una lógica compleja. Ambos enfoques utilizan el "Objeto.congelar()Método para congelar el objeto enumerador creado y marcar sus propiedades como inmutables. Este artículo discutió diferentes métodos para crear un enumerador en JavaScript.