|  Startsida |  Hårdvara |  Nätverk |  Programmering |  Programvara |  Felsökning |  System |   
Programmering
  • C /C + + -programmering
  • Computer Programspråk
  • Delphi Programmering
  • Java Programming
  • JavaScript programmering
  • PHP /MySQL Programmering
  • perl Programmering
  • python Programming
  • Ruby programmering
  • Visual Basics Programmering
  • * Dator Kunskap >> Programmering >> JavaScript programmering >> Content

    Hur man använder statisk analys för att hitta buggar

    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 .

    Tidigare:

    nästa:
    relaterade artiklar
    ·Hur man rensar elementattribut
    ·Hur konvertera en sträng till heltal på Javascript
    ·Hur man upptäcker användarprogram & Omdirigerar
    ·Hur man skapar ett JavaScript Wrapper för API
    ·Hur justeras horisontellt i JavaScript TD
    ·Vad använder jag i stället för JavaScript
    ·Hur man skapar XLS med javascript
    ·Styra en annan sida i Javascript
    ·Hur man skapar en div som Flyttbara Scriptaculous
    ·Hur du ändrar storlek och typ av en Pushpin i en Virtu…
    Utvalda artiklarna
    ·Hur att koda en rektangel i Java med slumpmässiga Måt…
    ·Återställa Spool filer
    ·Hur man hittar en karaktär i en sträng i Visual Basic…
    ·HTML Vs . PHP Omdirigeringar
    ·Hur man skapar en UDB Funktion
    ·Kod för Referera en JS -fil
    ·Konvertera PHP till VB.NET
    ·Hur Spola en långsam Query Logga in MySQL
    ·Hur man gör om-då Uttalanden i Python
    ·Hur man använder Wget i Python Escape
    Copyright © Dator Kunskap http://www.dator.xyz