Para las personas como yo que estudian JavaScript por sí mismas y no tienen experiencia en aprender otros idiomas, al principio, la depuración de JavaScript también fue un punto relativamente difícil. Muchas cosas básicas deben ser exploradas por sí mismas, y este proceso es muy deprimente.
Pensé en aprovechar la oportunidad para demostrar las fotos de la publicación del blog de cierre anterior usando Firebug, que puede considerarse como un intercambio de la experiencia de depuración.
El código de muestra es el siguiente:
La copia del código es la siguiente:
función fn () {
var max = 10;
Barra de funciones de retorno (x) {
if (x> max) {
console.log (x);
}
}
}
var fl = fn (),
max = 100;
fl (15);
Seleccione Firebug - Script
La barra de monitoreo a la derecha puede ser objetos de ventana y variables Max, FL y FN.
Al mismo tiempo, también puede ver las propiedades de la ventana a continuación. Tomando la ubicación como ejemplo, puede ejecutar directamente la salida de la ventana. La salida de ubicación en la "consola" y obtener aún más el valor del atributo HREF de la ubicación. Por supuesto, al referirse a las propiedades y métodos de los objetos de la ventana, no necesita usar el formulario "Window.xxx" pero usa directamente "xxx".
Volver al grano
Regrese a la columna "Script", depuración de JavaScript y vea los valores de las variables al presionar "puntos de interrupción".
Hay varios conceptos que puede comprender primero: puntos de interrupción, entrada paso a paso, saltos paso a paso y salida paso a paso. No lo describiré aquí.
Esta vez, utilizamos principalmente el método para establecer puntos de interrupción y ingresar paso a paso.
Puede hacer clic para establecer un punto de interrupción en la marca de la línea izquierda y el clic derecho para hacer un juicio regular.
Se pueden establecer múltiples puntos de interrupción y los puntos de interrupción establecidos se pueden eliminar en la columna "Breakpoint".
Aquí rompe el punto directamente al comienzo de la etiqueta de script y actualiza la página.
en este momento
1. El objeto de ventana original en el área de monitoreo a la derecha se convierte en esto y apunta a la ventana. Emitir esto. La ubicación en la "consola" obtendrá el mismo resultado que la ubicación.
2. Las variables globales Max y FL se inicializan para indefinirse
3. Fn () es una declaración de función, porque el analizador leerá primero la declaración de función y la pondrá a disposición antes de ejecutar cualquier código (accesible)
Haga clic en el botón "Entrar en un solo paso" en la esquina superior derecha
Ejecute el código paso a paso y vea esto, los cambios en el valor de cada variable y la pila en el área de monitoreo. Puede consultar el blog recomendado.
Entonces ven otro ejemplo de esto
El código es el siguiente:
La copia del código es la siguiente:
var name = 'la ventana';
var obj = {
Nombre: 'El local',
getNameFunc: function () {
console.log (this.name);
Función de retorno () {
console.log (this.name);
};
}
};
var c = obj.getNameFunc ();
do();
Todavía "interviene", puede ver que al ejecutar la línea de código C (), ingresa a GetNameFunc, esto cambia de apuntar a Object de ventana a OBJ y las salidas de la consola 'el local'.
La ejecución paso a paso le permite ver la lógica en ejecución de todo el código muy claramente.
Lo anterior es un resumen del método de usar la función de depuración de Firebug para comprender los cierres de JavaScript y esto. Espero que te guste