Dica de debug em JavaScript – Uso do ‘comando’ debugger em JS

Após console.log, creio que ‘debugger’ é a ferramenta rápida favorita de depuração dos programadores JavaScript.

Toda vez que debugger é encontrado em seu código, o Chrome / Chromium ou o Firefox irá parar automaticamente a execução do JavaScript naquele ponto executado. Isto funciona como um breakpoint. Da mesma forma que o breakpoint, é necessário que o Developer Console esteja aberto. No caso dos browser derivados do Chromium, abre e fecha o Developer Console.

É importante lembrar que ‘debugger’ condicionais podem ou não ser atingidos de acordo com lógica de programação, o script não será parado caso a execução não passe por aquele pedaço de código, como abaixo:

if(false){
    debugger;
}

Gostou? Tire um minutinho e dê sua contribuição para Drall Dev Community no Patreon!

Artigos relacionados:

Conditional Breakpoint – Agilizando o debug de loops/repetições/reexecuções em JavaScript Como efetuar o debug de JavaScript no Google Chrome Qual a diferença entre substr e substring no JavaScript Como utilizar o console do Google Chrome para executar JavaScript Ferramentas do Chromium / Google Chrome – A capacidade de modificar o código fonte Javascript e executá-lo no próprio navegador Transformar string em integer no JavaScript Como desabilitar o Javascript no Google Chrome JavaScript – Comportamento de arrays como argumento de funções. Referência ou valor? Ferramentas do Chromium / Google Chrome – Como visualizar javascript minificados com indentação