Come utilizzare l'analisi statica per trovare i bug

Torna nei giorni del mainframe e schede perforate , i programmatori hanno passato ore versando sopra le loro listati di codice alla ricerca di errori di battitura e gli insetti . Tempo al computer era limitata e programmatori ci si aspettava di trovare i problemi attraverso l'ispezione . Oggi, i programmi di analisi statica fare questo lavoro automaticamente , molto meglio di una qualsiasi coppia di occhi umani . Programmi come JSLint , Coverity e ReSharper non solo a trovare errori di sintassi , ma anche mettere in guardia su possibili problemi di logica . Cose che ti serviranno
browser con connessione a Internet
Mostra più istruzioni
1

evidenziare e copiare il seguente codice JavaScript . Posizionare il cursore sulla prima riga , tenere premuto il tasto "Shift " e poi freccia giù alla fine del codice . Fare clic su "Controllo" e "C" insieme per copiare il codice

funzione firstName_click ( ) {var Nome = document.getElementById ( "Nome ") . Se ( FirstName.Value == " " ) alert (" è necessario il nome ");}
2

Clicca il link per JSLint nella sezione Riferimenti . Quindi incollare il codice nella casella di modifica .
3

Fare clic sul pulsante " JSLint " per vedere i risultati di analisi statica del sito.

Un problema con molte delle strumenti di analisi statica è che sono estremamente esigente . Anche se ci sono solo poche righe di codice , JSLint trovato 10 errori . La maggior parte riguardano la formattazione e la spaziatura , ma tra il rumore ci sono un paio di errori legittimi .
4

correggere gli errori. In primo luogo , passare attraverso e regolare la spaziatura per soddisfare i requisiti di JSLint . Aggiungere le parentesi intorno alla funzione di allarme e di cambiamento == a === all'interno del if.

Nonostante tutti questi errori possono sembrare fastidioso , formattazione coerente fa per codice pulito e leggibile . E l'ulteriore segno di uguale parentesi graffe e può prendersi cura di alcune incongruenze del browser

Dopo la pulizia di questi errori , il codice recita: .

Funzione firstName_click ( ) {var Nome = document.getElementById ( "Nome "); if ( FirstName.Value [ \\ ] \\ === " " ) {alert (" è necessario il nome ");} }
5

Change le opzioni per gestire i problemi restanti . C'è un elenco di caselle di controllo con diverse opzioni verso il fondo della pagina . Controllare le seguenti opzioni :

Controllare l'opzione " Browser" per specificare che il codice viene eseguito all'interno di un ambiente browser e oggetti come documenti e le funzioni come gli avvisi sono già definiti

Verificare il " Sloppy " . opzione per rimuove la necessità per il requisito rigoroso utilizzo .

strumenti di analisi più statici sono altamente configurabili . Questo aiuta gli sviluppatori di adattare gli strumenti di standard di programmazione esistenti.
6

Fare clic sul pulsante " JSLint " un'ultima volta per vedere i nuovi risultati .

• Come utilizzare un Resig MicroTemplate 
• Tutorial Step-by -Step per UML Eclipse