JavaScript Brain Teasers

Introducción

El libro «JavaScript Brain Teasers» de Fr. Kinlan (2019, 200 páginas) no es otro manual de sintaxis o frameworks. Es una colección de problemas-acertijos no triviales que te harán ver con nuevos ojos construcciones de JavaScript que parecían familiares. A diferencia de los problemas clásicos de LeetCode, aquí se hace hincapié en las sutilezas del lenguaje, el comportamiento no obvio de los closures, prototipos, asincronía y el contexto this. El libro está escrito para el entorno de ejecución Node.js, pero todos los ejemplos se pueden reproducir fácilmente en cualquier navegador moderno.

De qué trata el libro

«JavaScript Brain Teasers» consta de 50 (aproximadamente) acertijos cuidadosamente seleccionados. Cada problema se presenta como un fragmento de código corto, tras el cual se invita al lector a adivinar qué mostrará la consola (o cuál será el resultado de la ejecución). A continuación, sigue un análisis detallado: por qué funcionó así, qué mecanismos del lenguaje están involucrados y cómo evitar tales «sorpresas» en el desarrollo real. Los temas cubren:

• Conversión de tipos e igualdad no estricta (== vs ===);
• Closures y entorno léxico;
• Herencia prototípica y cadena de prototipos;
• Asincronía: callbacks, promesas, Event Loop;
• Contexto this y sus vinculaciones no obvias;
• Comportamiento de var, let, const en bucles y bloques;
• «Trampas» al trabajar con arrays y objetos;
• Particularidades de los operadores typeof, instanceof, delete.

Para quién es este libro

El libro está dirigido a desarrolladores JavaScript en activo de nivel Junior+ y Middle. A los principiantes que acaban de empezar a aprender el lenguaje les parecerá demasiado difícil y posiblemente desmotivador. Sin embargo, aquellos que ya escriben código en JavaScript desde hace al menos medio año o un año, encontrarán en él un material invaluable para profundizar su comprensión. El libro también será útil para quienes se preparan para entrevistas técnicas: muchos problemas se parecen mucho a las «preguntas capciosas» de las entrevistas en grandes empresas de TI.

Qué aprenderá el lector

Al trabajar todos los acertijos, el lector:

• Dejará de temer la conversión implícita de tipos y aprenderá a predecir sus resultados;
• Comprenderá profundamente el mecanismo de funcionamiento de this en varios contextos (global, método de objeto, constructor, función flecha);
• Dominará los matices del funcionamiento del Event Loop y la cola de microtareas;
• Aprenderá a distinguir los problemas reales de las características «ruidosas» del lenguaje;
• Podrá escribir código más fiable y predecible, evitando trampas comunes;
• Mejorará la habilidad de leer código ajeno y encontrar errores ocultos.

Puntos fuertes

La principal ventaja del libro es su formato. En lugar de teoría aburrida, obtienes una experiencia interactiva: lees código, haces una suposición, te verificas, lees la explicación. Esto es muy efectivo para la memorización. El autor no solo muestra «magia», sino que explica los mecanismos internos, refiriéndose a la especificación de ECMAScript. Otra ventaja es su compacidad: 200 páginas sin relleno, solo lo esencial. El libro está bien estructurado: de problemas simples a complejos, con un aumento gradual de la profundidad. Cabe destacar que todos los ejemplos son relevantes para el estándar moderno ES6+ (aunque el libro se publicó en 2019, los conceptos principales no han quedado obsoletos).

A quién se recomienda

Recomiendo «JavaScript Brain Teasers» a todos los que quieran pasar del nivel «simplemente escribo código» al nivel «entiendo cómo funciona el lenguaje». Es un excelente entrenador mental que se puede leer a ratos, uno o dos problemas al día. El libro también será un buen regalo para un colega desarrollador al que le guste resolver acertijos. Si enseñas JavaScript, puedes usar los problemas del libro como calentamiento al inicio de las clases. La única limitación: no se lo des a principiantes absolutos; es mejor que primero dominen los conceptos básicos con algún libro de texto clásico (por ejemplo, «JavaScript Elocuente»).