Javascript. Constantes y enumerados

Un resumen de cómo usar constantes y “tipos” enumerados para mejorar la legilibidad y mantenibilidad de nuestra aplicación

Ventajas de los tipos enumerados

setTimeout(() => {}, 86400);
setTimeout(() => {}, SECONDS_IN_ONE_DAY);

Definiendo constantes y enumerados

// Constanteconst BACKEND_URL = 'https://api.domain.com';
const BLOG_LIST = '/blog/list';
// Enumeradoconst Color = {
MAIN_COLOR: '#c00',
SECONDARY_COLOR: '#cc0'
}
const PostState = {
PUBLISHED: 1,
DRAFT: 2
}
if (post.state === 1) {
...
}
if (post.state === PostState.PUBLISHED) {
...
}

Buenas prácticas

const PostState = Object.freeze({
PUBLISHED: 1,
DRAFT: 2
});
const Colors = Object.freeze({
MAIN: '#c00',
SECONDARY: '#000',
TEXT: {
BLACK: '#000',
LIGHT: '#AAA'
}
});
Colors.MAIN = '#B00'; // Cannot redefine property: MAIN
Colors.TEXT.BLACK = '#100'; // 😅 ok...

Conclusiones

¿Quieres recibir más artículos como este?

Entre paseo y paseo con Simba desarrollo en Symfony y React

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store