O Google Chrome não é usado apenas para navegar na Internet, mas para desenvolvedores, é mais como uma poderosa ferramenta de ajuda de desenvolvimento.
Se você quiser fazer um bom trabalho, primeiro afie suas ferramentas. Em seguida, vou compartilhar com você algumas maneiras de usar o Chrome.
Se os leitores souberem como adicionar pontos de interrupção do JavaScript ao Chrome, continue lendo; Caso contrário, compense -se você mesmo.
Se houver um pedaço de código:
A cópia do código é a seguinte:
var a = 1;
function test () {
var a, b, c, d, e;
a = 2;
b = a - 1;
b = 9;
c = 3;
d = 4;
e = (a + b * c) * (a - d);
retornar e;
}
teste();
O código em si não importa, o que importa é o formulário.
Se E é o resultado que precisamos no final, mas descobri que o resultado está incorreto, definimos um ponto de interrupção na linha em que atribuímos um valor a e.
Depois de definir um ponto de interrupção, mova o mouse para uma variável e fique por um tempo, o Chrome solicitará o valor da variável neste momento.
Mas a expressão é bastante complicada e é inútil apenas olhar para o valor de uma única variável. Tudo parece normal, mas está errado após o cálculo.
No momento, é provável que você queira saber o resultado da parte (a + BC). Não se preocupe, selecione a expressão primeiro, depois mova o mouse para a área selecionada e fique por um tempo.
O Chrome dirá a resposta diretamente. O mais interessante ainda está para trás.
Clique com o botão direito do mouse diretamente na área selecionada e um menu será exibido. Os dois principais itens são: [Adicionar ao relógio] e [Avalie no console]. Imagens de referência de visualização correspondentes específicas.
O chamado relógio pode ser entendido como monitoramento. Algumas expressões são mais importantes e podem exigir monitoramento em tempo real do valor da expressão durante todo o processo de depuração. Neste momento, você pode usar o relógio.
Por exemplo, definimos o ponto de interrupção para a linha "b = 9;" E então adicione o relógio: "A - B", com um valor de 1. Como mostrado na figura:
Clique em Próxima etapa e execute "B = 9;", o que significa que o valor de B mudou. Neste momento, observe o valor do relógio: "A - B" e é -7.
Isso alcança o efeito do monitoramento em tempo real e torna a depuração mais conveniente e mais rápida.
Em seguida, vamos ver o que está acontecendo com o console.
Obviamente, o console é o console e as expressões podem ser avaliadas diretamente no console.
Por exemplo, se você quiser saber o resultado de (a + BC), copie -o diretamente para o console e pressione Enter, e o resultado será lançado.
Espere, parece que algo está errado, por que o console conhece os valores de A, B e C?
A execução do código JavaScript no console sem pontos de interrupção é global. Ou seja, neste momento, uma variável x é definida no console, e o escopo deste X é global.
Se o console for usado em caso de interrupção do programa, o escopo do console será orientado para o escopo na interrupção. Ou seja, onde quer que o ponto de interrupção seja definido (ou onde o código é executado), o escopo do console está onde está.
Neste exemplo, uma variável A é definida no escopo global com um valor de 1; e uma variável local A é definida no escopo do teste de função com um valor de 2. Defina um ponto de interrupção em "A = 2;", digite A no console, digite e imprima indefinido.
Como o programa é interrompido dentro do teste de função no momento e o programa é executado no teste da função, o escopo do console também está no teste de função. Portanto, a entrada é o acesso à variável local A e a variável local A não é atribuída no momento, portanto o resultado é indefinido.
Vou compartilhar muito desta vez primeiro. Continuarei a compartilhá -lo quando encontrar uma pessoa poderosa no futuro. Espero que seja útil para os leitores.