JavaScript: Atajos Que Deberías Evitar Para Un Código Más Claro

Escribir código es fácil, pero hacerlo entendible es un arte. En el mundo del desarrollo web, especialmente en JavaScript, es común encontrar atajos que pueden parecer útiles a primera vista, pero que a largo plazo hacen que el código sea difícil de leer y mantener. En este artículo, vamos a ver algunos trucos de JavaScript que deberías evitar para escribir código más limpio y comprensible.

• Conversión a Boolean
• Redondeo de números
• Uso de operadores lógicos en lugar de condicionales
• Conversión de String a Número
• Conversión de Número a String

Conversión a Boolean

En JavaScript, cualquier valor puede convertirse en un booleano. Para ello, algunos desarrolladores usan doble negación !!, pero esto puede hacer el código menos claro.

!!0 // → false
Boolean(0); // → false

La forma más legible y explícita es simplemente usar Boolean(), lo que deja claro que estamos convirtiendo un valor en booleano.

Redondeo de números

Algunos desarrolladores usan el operador bitwise NOT (~) dos veces para redondear un número hacia abajo, ya que convierte el número en su valor entero más bajo.

~~2.345 // → 2
Math.floor(2.345) // → 2

Aunque ~~ es un atajo, puede hacer que el código sea difícil de leer. La mejor opción es usar Math.floor(), que es mucho más explícito.

Uso de operadores lógicos en lugar de condicionales

Otro atajo común es usar el operador lógico && en lugar de una declaración if:

isLoggedIn && showPrompt()

Esto funciona, pero no es fácil de leer para alguien que no conoce este patrón. La versión más clara y sin riesgo de errores sería:

if (isLoggedIn) {
    showPrompt();
}

Este enfoque es más comprensible y evita problemas si se necesita agregar más lógica en el futuro.

Conversión de String a Número

El operador + se usa comúnmente para convertir una cadena en número, pero puede ser confuso:

+'123' // → 123

Una alternativa mucho más clara y explícita es:

Number('123') // → 123

Esto hace que la intención del código sea evidente y reduce la posibilidad de errores.

Conversión de Número a String

Otra práctica común es usar una cadena vacía para convertir un número en string:

const val = 123; 
'' + val // → '123'

Esto no es intuitivo y puede causar confusión. En su lugar, es mejor usar:

const val = 123;
String(val) // → '123'

O, si se usa en una plantilla de cadena, `${val}` también es una opción legible y moderna.

Conclusión

En JavaScript, a veces los atajos pueden hacer que el código sea más difícil de entender y mantener. Para escribir código claro y mantenible, es mejor evitar estos trucos y optar por alternativas más legibles.

Si te interesa mejorar la calidad de tu código, revisa los estándares de MDN Web Docs, donde encontrarás prácticas recomendadas y documentación detallada.