Breakpoints é um dos melhores amigos dos programadores quando precisam depurar um programa. E nesta dica voltada para programadores JavaScript, ensinaremos que não é necessário adicionar a seu código console.log ou outros statements de debugger.
Obviamente estes recursos citados são muito úteis, porém, quando se está familiarizado com o recurso de breakpoints disponível no inspector da maioria dos atuais browser, o fazem quase que desnecessário.
Na imagem acima, vemos o recurso conditional breakpoints, do Google Chrome, onde o breakpoint só será executado, parando o programa, se a condição da expressão JavaScript for true. Isto é muito útil quando se deseja debugar códigos que repetem sua execução somente onde certa condição de interação ocorre, como em loops, recursão, etc. Desta maneira, não é necessário executar toda a repetição até atingir o ponto que precisa analisar, já parando direto no exato ponto necessário.
Artigos relacionados:
Ferramentas do Chromium / Google Chrome – Como visualizar javascript minificados com indentação
Ferramentas do Chromium / Google Chrome – A capacidade de modificar o código fonte Javascript e executá-lo no próprio navegador
Verificando e monitorando tempo de execução de rotinas javascript
Pequena nota sobre um potencial bug em códigos JavaScript no Internet Explorer
Transformar dados javascript em JSON utilizando a linguagem javascript
CSS – Com breakpoint e sem breakpoint
Classe em JavaScript
JavaScript – Não use ‘delete’ para remover itens em um array
Verificar se um objeto javascript está vazio