He visto mucho acerca de cómo la función eval() es mala; no es una buena elección para la programación HTML/JavaScript. Me gustaría usar una función en la que pueda pasar una cadena para que se lea como un nombre de variable, y eval() parece hacer exactamente eso, pero no quiero usar una función destructiva.
Por lo que entiendo, el problema con eval() es que puede leer la entrada de terceros como código real, lo que abre una puerta a la actividad maliciosa. Tengo un elemento de mapa que realiza un seguimiento de la ubicación mediante cadenas para los nombres de las ubicaciones. También tengo grandes bloques de texto asignados a las variables para poder obtener fácilmente una descripción de la ubicación actual. Este parece un momento aceptable para usar eval , ya que las cadenas que estaría pasando serían proporcionadas por otras partes del código. ¿Es este un juicio justo o hay alguna otra función que debería usar?
(Moviendo mi comentario como respuesta)
Una manera fácil de evitar eso es guardar cualquier variable a la que le interese acceder en un Objeto de javascript (es decir, pares clave-valor) y acceder a ellos a través de la indexación. Este caso de uso simple no necesita eval .
Por lo que entiendo, el problema con eval() es que puede leer la entrada de terceros como código real, lo que abre una puerta a la actividad maliciosa.
Esta no es la única razón. Se podría argumentar que, según los estándares actuales, el rendimiento del código JavaScript es insignificante.
Sin embargo, hay que tener en cuenta que eval() en realidad invoca el intérprete de JavaScript, que es significativamente más lento que escribir el código por adelantado. ¹
Me gustaría usar una función en la que pueda pasar una cadena para que se lea como un nombre de variable, y eval() parece hacer exactamente eso, pero no quiero usar una función destructiva.
Esto no garantiza el uso de eval() . Como se menciona en los comentarios, puede lograr esto haciendo un seguimiento de las variables en un objeto:
let vars = {} vars["some_variable_name"] = "test" const var_name = "some_variable_name" console.log(vars[var_name]) // "test"ya que las cadenas que estaría pasando serían proporcionadas por otras partes del código
Podría ser, pero ¿qué pasa si en el futuro alguna parte de ese código realmente procesa alguna entrada del usuario?
En mi opinión, no vale la pena la penalización de rendimiento y el riesgo de seguridad obvio.
Una forma sencilla de usar un nombre de variable como una cadena es usar un Objeto (llamado diccionario o mapa en algunos idiomas)
const stringToGrade = { "freshman": 9, "sophomore": 10, "junior": 11, "senior": 12, }; document.querySelector("#btn").addEventListener("click", () => { const asString = document.querySelector("#inp").value.toLowerCase(); const grade = stringToGrade[asString]; console.log(`Your grade number is ${grade}`); }); <input id="inp" placeholder="Enter your grade level (freshman, sophomore, etc.)" /> <button id="btn">Submit</button>