Breakpoints in JavaScript

Generalmente, durante la codifica, a volte il programma non esegue l'output o può ottenere un risultato inaspettato. È perché il programma ha errori ma non mostra messaggi di errore o suggerimenti su dove cercare gli errori. Questi errori possono essere errori logici. I punti di interruzione vengono utilizzati per il debug di errori logici e la verifica del funzionamento del codice per abbinare il risultato previsto. Pertanto, i punti di interruzione possono essere utilizzati per fermare l'esecuzione del codice in punti di interruzione/arresto specifici, verificare l'output fino a quel punto e quindi passare al punto di arresto successivo.

Questo blog dimostrerà i punti di interruzione in JavaScript e il suo utilizzo.

Cosa sono i punti di interruzione in JavaScript?

I punti di interruzione sono gli strumenti di debug fondamentali nella cassetta degli attrezzi dello sviluppatore. Viene utilizzato per indicare la posizione in cui si verificano errori. Ciò consente al programma di eseguire correttamente fino a quando non raggiunge il blocco di codice significativo in cui potrebbe verificarsi un errore.

Vediamo come funziona il Breakpoint.

Come utilizzare i punti di interruzione?

Seguire i passaggi dati per utilizzare i punti di interruzione e identificare la riga di codice su cui si è verificato l'errore.

Passaggio 1: aprire il debugger

Tutti gli attuali browser forniscono un debugger JavaScript. La finestra Debugger consente di impostare i punti di interruzione nel codice JavaScript. Innanzitutto, apri la finestra del debugger chiamato "DevTools". Fare clic con il tasto destro sul browser e selezionare "Ispezionare"Opzione o utilizzando la chiave di scelta rapida"Ctrl+shift+i"O puoi semplicemente premere il"F12" chiave:

Passaggio 2: pannello open source

Clicca sul "Fonti"Panel, che ci aiuta a eseguire il debug JavaScript. Ha tre sezioni principali, "il file navigatore"Sul lato sinistro della finestra,"La sezione Editor del codice"Sul lato destro della finestra e il"sezione debugger"In basso a destra della finestra:

Passaggio 3: aprire il file JavaScript

Dal "il file navigatoreSezione ", fare clic su"js"File e aprirà al"La sezione Editor del codice"Sul lato destro della finestra:

Passaggio 4: impostare i punti di interruzione

Imposta un punto di interruzione su una linea in "La sezione Editor del codice"Facendo clic sulla colonna del numero di riga:

Abbiamo posizionato un punto di interruzione sulla riga 6. Qui, il codice smetterà di funzionare. Inoltre, è possibile impostare più punti di interruzione della linea di codice:

Nell'esempio dato, imposteremo i punti di interruzione ed eseguire il codice per vedere come funziona. Dopo aver impostato il punto di interruzione, l'esecuzione del codice si fermerà in modo da poter ispezionare i valori.

Produzione

Abbiamo coperto le istruzioni di base relative ai punti di interruzione in JavaScript.

Conclusione

I punti di interruzione sono uno degli strumenti di debug più fondamentali nella cassetta degli attrezzi dello sviluppatore. Viene utilizzato per trovare la posizione dell'errore logico. Basta posizionare un punto di interruzione ogni volta che si desidera che il debugger fermi l'esecuzione corrente. Apri il pannello di origine in DevTools e imposta il punto di interruzione nella sezione Editor del codice facendo clic sulla colonna Numero riga. In questo blog, abbiamo dimostrato i punti di interruzione in JavaScript e come impostare i punti di interruzione per eseguire il debug del codice.