Terug in de dagen van mainframes en ponskaarten , programmeurs bracht uren gieten over hun codevoorbeelden zoek naar typefouten en bugs . Computer tijd was beperkt en programmeurs werden verwacht om problemen te vinden door middel van inspectie . Vandaag , statische analyse programma's doen dit werk automatisch , veel beter dan een paar menselijke ogen . Programma's zoals JSLint , Coverity en ReSharper niet alleen vinden syntax fouten , maar ook waarschuwen voor mogelijke logische problemen . Wat je nodig hebt
webbrowser met aansluiting Internet
Toon Meer Aanwijzingen
Highlight 1 en kopieer de volgende JavaScript-code . Plaats de cursor op de eerste regel , houdt u de toets " Shift " en vervolgens pijl naar het einde van de code . Klik op "Control " en " C " samen om de code te kopiëren functie firstName_click ( ) { var
firstName = document.getElementById ( " firstName " ) ; . If ( firstName.value == " " ) alert ( " de eerste naam is vereist " ) ; } kopen van 2 Klik op de link om JSLint in de sectie Referenties . Vervolgens plak de code in het invoervak.
3 Klik op de " JSLint " knop om de resultaten van de site statische analyse zien .
Een probleem met veel van de statische analyse tools is dat ze zijn zeer kieskeurig . Ook al zijn er slechts een paar regels code , JSLint vond 10 fouten . De meeste hebben betrekking op de opmaak en spatiëring , maar onder het geluid zijn er een paar legitieme fouten .
4 Bevestig de fouten . Ten eerste , ga door en pas de afstand aan de eisen JSLint te voldoen . Voeg de beugels rond de waarschuwingsfunctie en verandering == naar === binnen de if-statement .
Hoewel al deze fouten vervelend lijken , consistente opmaak zorgt voor schone , leesbare code . En de extra gelijkheidsteken en braces kunnen zorgen voor een aantal browser inconsistenties
Na het opruimen van deze fouten , de code luidt als volgt : . Functie firstName_click ( ) { var
firstName = document.getElementById ( " firstName " ) if ( firstName.value [ \\ ] \\ === " " ) { alert ( " De eerste naam is vereist " ) ; } }
5 Change de mogelijkheden om de resterende problemen te behandelen. Er is een lijst met selectievakjes met verschillende opties naar de onderkant van de pagina . Controleer de volgende opties :
Controleer de " Browser" -optie om aan te geven dat de code wordt uitgevoerd binnen een browser omgeving en objecten zoals documenten en functies als waarschuwingen zijn al gedefinieerd
Controleer de " Slordig " . mogelijkheid om de noodzaak van het gebruik strenge eis verwijdert . meeste statische analyse gereedschap
zijn zeer configureerbaar . Dit helpt ontwikkelaars passen de gereedschappen om bestaande programmering normen .
6 Klik op de knop " JSLint " een laatste keer om de nieuwe resultaten te zien .
< Br > |
