JS que aprendí en SoyHenry 🙂: ¿Qué es el Sintax Parser: Lexical Enviroment?

Este es el primer tema que se toca en el bootcamp de soyHenry, pero la vdd es muy mala la manera en la que explica el profe por lo que decidí investigar por mi cuenta y esto encontre:

El ctx de ejecución se divide en 2 fases: creación y ejecución (hasta aquí todo bien 🙂)

El sintax parser se encarga de leer nuestro super código e ir entendiendo en que orden queremos ejecutar asi como ver si la sintaxis es correcta para el motor de JS del navegador (por ej.chrome)

Este bro es el que pone el punto y coma por nosotros (lo cual al parecer sigue siendo obligatorio)

Tu ves esto:

function getData () {
  return
  {
    message: 'foo'
  };
}
console.log(getData()); // undefined

El sintax ve esto:

function getData () {
  return; (Ah se le olvido el ;)
  {
    message: 'foo'
  };
}
console.log(getData()); // undefined

Ahí el SP pone un punto y coma por nosotros despues del return lo que genera un undefined puesto que la función la toma como si terminara ahí

Conclusión

Un error fácil de arreglar, dificíl de encontrar ☠️