Pontos de interrupção em JavaScript

Geralmente, durante a codificação, às vezes o programa não executa a saída ou pode obter um resultado inesperado. É porque o programa tem erros, mas não mostra nenhuma mensagem de erro ou dicas sobre onde procurar os erros. Esses erros podem ser erros lógicos. Os pontos de interrupção são usados ​​para depurar erros lógicos e verificar o funcionamento do código para corresponder ao resultado esperado. Portanto, os pontos de interrupção podem ser usados ​​para interromper a execução do código em pontos de interrupção/parada específicos, verifique a saída até aquele ponto e depois passe para o próximo ponto de parada.

Este blog demonstrará os pontos de interrupção no JavaScript e seu uso.

O que são pontos de interrupção em JavaScript?

Os pontos de interrupção são as ferramentas de depuração mais fundamentais na caixa de ferramentas do desenvolvedor. É usado para indicar a posição em que os erros ocorrem. Isso permite que o programa seja executado corretamente até atingir o bloco de código significativo onde pode ocorrer um erro.

Vamos ver como funciona o ponto de interrupção.

Como usar pontos de interrupção?

Siga as etapas fornecidas para usar pontos de interrupção e identificar a linha de código em que ocorreu o erro.

Etapa 1: Abra o depurador

Todos os navegadores atuais fornecem um depurador JavaScript. A janela do depurador permite definir pontos de interrupção no código JavaScript. Primeiro, abra a janela do depurador chamada “Devtools”. Clique com o botão direito do mouse no navegador e selecione o “Inspecionar”Opção ou usando a chave de atalho“Ctrl+Shift+i”Ou você pode simplesmente pressionar o“F12" chave:

Etapa 2: Painel de código aberto

Clique no "Fontes”Painel, que nos ajuda a depurar JavaScript. Tem três seções principais, “o navegador de arquivos”No lado esquerdo da janela,“a seção Editor de código”No lado direito da janela, e o“Seção do depurador”No canto inferior direito da janela:

Etapa 3: Abra o arquivo JavaScript

De "o navegador de arquivosSeção, clique na “JS”Arquivo, e será aberto no“a seção Editor de código”No lado direito da janela:

Etapa 4: defina os pontos de interrupção

Defina um ponto de interrupção em uma linha em “a seção Editor de código”Ao clicar na coluna do número de linha:

Colocamos um ponto de interrupção na linha 6. Aqui, o código vai parar de correr. Além disso, você pode definir vários pontos de interrupção da linha de código:

No exemplo dado, apenas definiremos os pontos de interrupção e executaremos o código para ver como ele funciona. Depois de definir o ponto de interrupção, a execução do código será interrompida para que possamos inspecionar os valores.

Saída

Cobrimos as instruções básicas relacionadas a pontos de interrupção em JavaScript.

Conclusão

Os pontos de interrupção são uma das ferramentas de depuração mais fundamentais na caixa de ferramentas do desenvolvedor. É usado para encontrar a posição do erro lógico. Basta colocar um ponto de interrupção sempre que quiser que o depurador pare a execução atual. Abra o painel de origem em Devtools e defina o ponto de interrupção na seção Editor de código clicando na coluna do número de linha. Neste blog, demonstramos os pontos de interrupção no JavaScript e como definir pontos de interrupção para depurar o código.