Google Chrome no solo se usa para navegar por Internet, sino para los desarrolladores, es más como una poderosa herramienta de ayuda para el desarrollo.
Si desea hacer un buen trabajo, primero debe afilar sus herramientas. A continuación, compartiré con ustedes algunas formas de usar Chrome.
Si los lectores saben cómo agregar puntos de ruptura de JavaScript a Chrome, continúe leyendo; De lo contrario, compensarlo usted mismo.
Si hay tal código:
La copia del código es la siguiente:
var a = 1;
función test () {
var a, b, c, d, e;
a = 2;
b = a - 1;
b = 9;
c = 3;
d = 4;
e = (a + b * c) * (a - d);
regresar e;
}
prueba();
El código en sí no importa, lo que importa es la forma.
Si E es el resultado que necesitamos al final, pero descubra que el resultado es incorrecto, establecemos un punto de interrupción en la línea donde asignamos un valor a e.
Después de establecer un punto de interrupción, mueva el mouse a una variable y permanezca por un tiempo, Chrome le impulsará el valor de la variable en este momento.
Pero la expresión es bastante complicada, y es inútil solo mirar el valor de una sola variable. Todo parece normal, pero está mal después del cálculo.
En este momento, es probable que desee saber el resultado de (A + BC). No se preocupe, seleccione primero la expresión, luego mueva el mouse al área seleccionada y permanezca por un tiempo.
Chrome le dirá la respuesta directamente. Lo que es más interesante todavía está atrasado.
Haga clic derecho directamente en el área seleccionada, y aparecerá un menú. Los dos elementos principales son: [Agregar a Watch] y [Evaluar en la consola]. Imágenes de referencia de vista específicas correspondientes.
El llamado reloj puede entenderse como monitoreo. Algunas expresiones son más importantes y pueden requerir monitoreo en tiempo real del valor de la expresión durante todo el proceso de depuración. En este momento, puedes usar el reloj.
Por ejemplo, establecemos el punto de interrupción en la línea "b = 9;" y luego agregue el reloj: "A - B", con un valor de 1. Como se muestra en la imagen:
Haga clic en el siguiente paso y ejecute "B = 9;", lo que significa que el valor de B ha cambiado. En este momento, mire el valor del reloj: "A - B" y es -7.
Esto logra el efecto del monitoreo en tiempo real y hace que la depuración sea más conveniente y más rápida.
A continuación, veamos qué está pasando con la consola.
Por supuesto, la consola es la consola, y las expresiones se pueden evaluar directamente en la consola.
Por ejemplo, si desea saber el resultado de (A + BC), copie directamente en la consola y presione Entrar, y saldrá el resultado.
Espera, parece que algo anda mal, ¿por qué la consola conoce los valores de A, B y C?
La ejecución del código JavaScript en la consola sin puntos de interrupción es global. Es decir, en este momento, una variable X se define en la consola, y el alcance de esta X es global.
Si la consola se usa en el caso de una interrupción del programa, el alcance de la consola está orientado al alcance de la interrupción. Es decir, donde se establece el punto de interrupción (o donde se ejecuta el código), el alcance de la consola es donde está.
En este ejemplo, una variable A se define en el alcance global con un valor de 1; y una variable local A se define en el alcance de la prueba de función con un valor de 2. Establezca un punto de interrupción en "a = 2;", ingrese a en la consola, ingrese e imprima sin define.
Debido a que el programa se interrumpe dentro de la prueba de función en este momento y el programa se ejecuta en la prueba de función, el alcance de la consola también está en la prueba de función. Por lo tanto, la entrada A acceso a la variable local A, y la variable local A no se asigna en este momento, por lo que el resultado no está definido.
Primero compartiré tanto esta vez. Continuaré compartiéndolo cuando me encuentre con una persona poderosa en el futuro. Espero que sea útil para los lectores.