Tillbaka i dagarna av stordatorer och hålkort , tillbringade programmerare timmar hälla över deras kodexempel söker stavfel och buggar . Computer tid var begränsad och programmerare förväntades att hitta problem genom inspektion . Idag , statisk analys program gör detta arbete automatiskt , långt bättre än någon par mänskliga ögon . Program som JSLint , Coverity och ReSharper inte bara hitta syntaxfel men också varna om eventuella logiska problem . Saker du behöver
webbläsare med Internetuppkoppling
Visa fler instruktioner
1
Markera och kopiera följande JavaScript -kod . Placera markören på den första raden , håll ner " Shift " -tangenten och sedan pil ner till slutet av koden . Klicka på " Kontroll " och " C " tillsammans för att kopiera koden
funktion firstName_click ( ) { var firstName = document.getElementById ( " firstName " ) , . Om ( firstName.value == " " ) alert ( " det första namnet som krävs " ) ;}
2
Klicka på länken för att JSLint i avsnittet Referenser . Sedan klistra in koden i textrutan.
3
Klicka på " JSLint " knappen för att se resultatet av webbplatsens statisk analys .
Ett problem med många av de statiska analysverktyg är att de är extremt kräsen . Även om det bara finns några få rader kod , fann JSLint 10 fel . De flesta avser formatering och avstånd , men bland buller finns ett par legitima fel .
4
åtgärda felen . Först , gå igenom och justera avståndet för att möta JSLint krav . Lägg hängslen runt alert funktion och förändring == till === inom if .
Trots alla dessa fel kan tyckas irriterande , gör konsekvent formatering för ren , läsbar kod . Och den extra likhetstecken och hängslen kan ta hand om vissa webbläsare inkonsekvenser
Efter rengöring upp dessa fel , läser koden på följande sätt : .
Funktion firstName_click ( ) { var firstName = document.getElementById ( " firstName " ) , om ( firstName.value [ \\ ] \\ === " " ) { alert ( " Det första namnet som krävs " ) ;} }
5
Förändring alternativen för att hantera de återstående problemen . Det finns en lista över kryssrutor med olika alternativ mot botten av sidan . Kontrollera följande alternativ :
Kontrollera " Browser " för att ange att koden körs i en webbläsare miljö och föremål som dokument och funktioner som varningar är redan definierade
Kontrollera " Slarviga " . alternativet att eliminerar behovet av att använda strikta krav.
flesta statiska analysverktyg är mycket konfigurerbar . Detta hjälper utvecklare att anpassa verktygen till befintliga programmering standarder .
6
Klicka på " JSLint " knappen en sista gång för att se de nya resultaten .
