Πώς να χρησιμοποιήσετε Στατική Ανάλυση για να βρείτε Bugs

Πίσω στις ημέρες των mainframes και διάτρητες κάρτες , προγραμματιστές περάσει ώρες χύνοντας πάνω λίστες κώδικα τους ψάχνουν για λάθη και σφάλματα . Την ώρα του υπολογιστή ήταν περιορισμένη και προγραμματιστές αναμένεται να βρούμε τα προβλήματα μέσω της επιθεώρησης . Σήμερα , τα προγράμματα στατικής ανάλυσης κάνω αυτή τη δουλειά αυτόματα , πολύ καλύτερα από οποιοδήποτε ζευγάρι ανθρώπινα μάτια . Προγράμματα όπως JSLint , Coverity και ReSharper βρείτε όχι μόνο συντακτικά λάθη , αλλά και προειδοποιούν για πιθανά προβλήματα λογικής . Τα πράγματα που θα χρειαστείτε
πρόγραμμα περιήγησης στο Web με σύνδεση LAN Ξενοδοχεία κοντά Εμφάνιση Περισσότερες οδηγίες
Η 1

Επισημάνετε και αντιγράψτε τον ακόλουθο κώδικα JavaScript . Τοποθετήστε τον κέρσορα στην πρώτη γραμμή , κρατήστε πατημένο το πλήκτρο " Shift " και στη συνέχεια το κάτω βέλος στο τέλος του κώδικα . . Κάντε κλικ στο " Control" και "C" μαζί για να αντιγράψετε τον κώδικα

λειτουργία firstName_click ( ) { var FIRSTNAME = document.getElementById ( " Όνομα ")? Αν ( firstName.value == " " ) alert (" το πρώτο όνομα που απαιτείται" ) ? } 2

Κάντε κλικ στο σύνδεσμο για να JSLint στην ενότητα Αναφορές . Στη συνέχεια, επικολλήστε τον κώδικα στο πλαίσιο επεξεργασίας .
Εικόνων 3

Κάντε κλικ στο κουμπί " JSLint " για να δείτε τα αποτελέσματα της στατικής ανάλυσης του site .

Ένα πρόβλημα με πολλές από τις εργαλεία στατικής ανάλυσης είναι ότι είναι εξαιρετικά επιλεκτικοί . Ακόμα κι αν υπάρχουν μόνο λίγες γραμμές κώδικα , JSLint βρέθηκαν 10 λάθη . Τα περισσότερα σχετίζονται με τη μορφοποίηση και την απόσταση , αλλά και μεταξύ το θόρυβο υπάρχουν δυο νόμιμες λάθη .
Η 4

να διορθώσετε τα λάθη . Κατ 'αρχάς , να περάσει και να προσαρμόσετε την απόσταση για να ανταποκριθούν στις απαιτήσεις JSLint του . Προσθέστε τα άγκιστρα γύρω από την λειτουργία ειδοποίησης και να αλλάξετε == να === εντός της if.

Αν και όλα αυτά τα λάθη μπορεί να φαίνεται ενοχλητικό , συνεπή μορφοποίηση κάνει για καθαρό , ευανάγνωστο κώδικα . Και οι πρόσθετες ίσον με τιράντες μπορεί να φροντίσει κάποιες αντιφάσεις του προγράμματος περιήγησης

Μετά τον καθαρισμό αυτών των λαθών , ο κώδικας έχει ως εξής : .

Λειτουργία firstName_click ( ) { var firstname = document.getElementById ( " όνομα ")? αν ( firstName.value [ \\ ] \\ === "" ) { alert (" Το πρώτο όνομα που απαιτείται" ) ? } }
5

Αλλαγή οι επιλογές για να χειριστεί τα υπόλοιπα προβλήματα . Υπάρχει μια λίστα των πλαισίων ελέγχου με διάφορες επιλογές προς το κάτω μέρος της σελίδας . Ελέγξτε τις παρακάτω επιλογές : .

Ελέγξτε το " Browser" για να καθορίσετε ότι ο κώδικας εκτελείται μέσα σε ένα περιβάλλον browser και αντικείμενα, όπως έγγραφα και λειτουργίες, όπως ειδοποιήσεις έχουν ήδη οριστεί

Ελέγξτε το " επικλινές " δυνατότητα να καταργεί την ανάγκη για τη χρήση αυστηρή απαίτηση .

τα περισσότερα εργαλεία στατικής ανάλυσης είναι πολύ ρυθμιζόμενο. Αυτό βοηθά τους προγραμματιστές να προσαρμόζουν τα εργαλεία για να τα υπάρχοντα πρότυπα προγραμματισμού .
Η

6 Κάντε κλικ στο κουμπί " JSLint " για μια τελευταία φορά για να δείτε τα νέα αποτελέσματα .

Η