Problema:
Por qué si intento evaluar un literal de un objeto dentro de una cadena usando eval()
da un error (caso 1), mientras que si el mismo literal del objeto se encierra entre paréntesis no da ningún problema (caso 2):
Caso 1:
var mi_objeto = eval(`{propiedad1: 'a', propiedad2: 'b'}`);
console.log(typeof mi_objeto);
console.log(mi_objeto);
Caso 2:
var mi_objeto = eval(`({propiedad1: 'a', propiedad2: 'b'})`);
console.log(typeof mi_objeto);
console.log(mi_objeto);
Explicación:
Si una apertura de corchete no se encuentra en un contexto de expresión (como una asignación, por ejemplo), JS lo considera como apertura de un bloque de código. Como las evaluaciones realizadas por eval()
no se consideran en un contexto de expresión, el literal del objeto pasado por argumento, al empezar por {
, es evaluado como creación de un bloque de código que contiene cadenas y :
, dando como resultado un error de sintaxis.
Para solucionarlo, se debe incluir entre paréntesis la definición del literal objeto, ya que los paréntesis pueden solo evaluar expresiones, generando un contexto de expresión para la definición del literal del objeto que empieza por {
. De esta manera, dentro de los paréntesis, el {
ya no se considera como iniciación de un bloque de código, sino como creación de un objeto.
La información ha sido obtenida de esta entrada de SO en inglés: https://stackoverflow.com/questions/3360356/why-the-open-quote-and-bracket-for-eval-jsonstring-when-parsing-json