¿Cómo uso las herramientas de desarrollo de Chrome para evaluar el código dentro del alcance local de una función? Es decir, para el siguiente código
const name1 ="alireza" function person(){ const name2 ="joe" }el resultado del código ejecutado manualmente en la consola debe ser
console.log(name2) //"joe"Esto es un poco complicado porque la declaración que desea examinar es la única declaración en la función.
Si tuviera que agregar otra declaración en la siguiente línea:
const name1 ="alireza" function person(){ const name2 ="joe" const name3 ="bob"; }Entonces podrías:
const name2 ="joe"person() para ejecutar la función de personconsole.log(name2); (o simplemente puede mirar la información de depuración en la pestaña Depuración que informa todas las variables dentro del alcance).Lo que estás buscando son puntos de interrupción :
Puede establecer dinámicamente un punto de interrupción en una línea dentro de la función que desea inspeccionar: devTools se interrumpirá antes de la ejecución de esa línea y puede evaluar el código dentro del alcance de esa función en la consola.
Alternativamente, si puede cambiar el código (que también puede hacerlo desde devTools ), puede colocar una declaración del debugger donde desea que se interrumpa la ejecución.