Ako používať statickú analýzu , ako nájsť chyby

Späť v dobách sálových počítačov a diernych štítkov , programátori strávili hodiny nalial cez ich výpisy kódov hľadá preklepy a chyby . Počítač čas bol obmedzený a programátori sa očakávalo , že si problémy prostredníctvom kontroly . Dnes , statické programy pre analýzu robiť túto prácu automaticky , oveľa lepšie ako akýkoľvek pár ľudských očí . Programy , ako je JSLint , Coverity a ReSharper nájsť nielen syntaktické chyby , ale tiež varovať pred možnými problémami logiky . Veci , ktoré budete potrebovať klipart webový prehliadač s pripojením na internet
Zobraziť ďalšie inštrukcie Cestuj 1

Zvýraznite a skopírujte nasledujúci kód JavaScript . Umiestnite kurzor na prvý riadok , podržte stlačený kláves " Shift " , potom šípku nadol na konci kódu . . Kliknite na " Control " a " C " spoločne skopírovať kód

funkcie firstName_click ( ) { var jmeno = document.getElementById ( " jmeno " ) ; if ( firstName.value == " " ) alert ( " je vyžadované meno " ) ; }
2

Kliknite na odkaz JSLint v sekcii Referencie . Vložte kód do textového poľa .
3

Kliknite na tlačidlo " JSLint " vidieť výsledky na webe statickú analýzu .

Jeden problém s mnohými statické analytické nástroje je , že sú veľmi vyberaví . Aj keď tam sú len pár riadkov kódu , JSLint nájdených 10 chýb . Väčšina sa vzťahujú k formátovanie a medzery , ale medzi hlukom existuje niekoľko legitímnych chýb .
4

Fix chyby . Po prvé , prejsť a upraviť medzery , aby spĺňali požiadavky JSLint je . Pridajte zátvorky okolo funkciu upozornenia a zmeňte == aby === vnútri if .

Hoci všetky tieto chyby môže zdať nepríjemné , konzistentné formátovanie je pre čistý , čitateľný kód . A ďalšie znamienko rovnosti a zátvorky môžu postarať sa o niektoré nezrovnalosti prehliadača

Po vyčistení týchto chýb , kód znie takto : .

Funkcia firstName_click ( ) { var jmeno = document.getElementById ( " jmeno " ) ; if ( firstName.value [ \\ ] \\ === " " ) { alert ( " je vyžadované meno " ) ; } }
5

Zmeniť možnosti , ako zvládnuť zostávajúce problémy . K dispozícii je zoznam políčok s rôznymi možnosťami smerom k dolnej časti stránky . Skontrolujte nasledujúce možnosti : .

Zaškrtnite voľbu " Browser " , určiť , že kód beží v prostredí prehliadača a objektov , ako sú dokumenty a funkcií , ako je upozornenie sú už definované

Pozrite sa na " nedbalý " možnosť odstraňuje potrebu použitia prísneho požiadavke .

Väčšina statické analytické nástroje sú vysoko konfigurovateľný . To pomáha vývojárom prispôsobiť nástroje na existujúce programovacie štandardy .
6

kliknite na tlačidlo " JSLint " jeden posledný čas vidieť nové výsledky .

• Predchádzajúca strana: Ako používať Resig MicroTemplate 
• Ďalšia strana: Krok - za - krokom návod pre UML Eclipse