|
Retour dans les jours de mainframes et les cartes perforées , les programmeurs ont passé des heures de verser sur leurs listes de code à la recherche de fautes de frappe et les insectes . Temps d'ordinateur a été limitée et les programmeurs ont prévu de trouver des problèmes par l'inspection . Aujourd'hui, les programmes d'analyse statique font ce travail automatiquement , bien mieux que n'importe quelle paire d' yeux humains. Des programmes comme JSLint , Coverity et ReSharper non seulement trouver les erreurs de syntaxe , mais aussi alerter sur les problèmes logiques possibles . Choses que vous devez
navigateur Web avec connexion Internet
Voir Plus Instructions
1 Sélectionnez et copiez le code JavaScript suivant . Placez votre curseur sur la première ligne , maintenez enfoncée la touche "Shift " puis flèche vers le bas à la fin du code . Cliquez sur " Control" et " C " ensemble pour copier le code
fonction firstName_click () { var prenom = document.getElementById (" prenom "); . If ( FirstName.Value == "" ) alert (" le premier nom est obligatoire ");}
2 Cliquez sur le lien pour JSLint dans la section Références . Ensuite, collez le code dans la boîte d'édition .
3 Cliquez sur le bouton " JSLint " pour voir les résultats de l'analyse statique du site.
Un problème avec beaucoup de outils d'analyse statique , c'est qu'ils sont extrêmement pointilleux . Même si il ya seulement quelques lignes de code, JSLint trouvé 10 erreurs . La plupart concernent la mise en forme et l'espacement , mais parmi le bruit il ya quelques erreurs légitimes.
4 corriger les erreurs. Tout d'abord, passer et régler l'écartement de répondre aux exigences de JSLint . Ajouter les accolades autour de la fonction d'alerte et de changement == === à l'intérieur l'instruction if .
Bien que l'ensemble de ces erreurs peut sembler ennuyeux , mise en forme cohérente fait pour , code lisible propre. Et le plus signe égal accolades et peut prendre soin de certaines incohérences du navigateur
Après nettoyage de ces erreurs , le code se lit comme suit : .
Fonction firstName_click () { var prenom = document.getElementById ( " prenom "); if ( FirstName.Value [\\] \\ === "") { alert (" Le prénom est obligatoire" );}}
5 changement les options pour gérer les problèmes restants . Il ya une liste de cases à cocher avec différentes options vers le bas de la page . Cochez les options suivantes :
Cochez l'option «Navigateur » pour indiquer que le code s'exécute dans un environnement et des objets tels que des documents et des fonctions telles que les alertes sont déjà définis navigateur
Cochez la case " Sloppy " . option d' supprime la nécessité de l'exigence stricte d'utilisation.
outils d'analyse plus statiques sont hautement configurables . Cela permet aux développeurs d' adapter les outils aux normes de programmation existants.
6 Cliquez sur le bouton " JSLint " une dernière fois pour voir les nouveaux résultats.
< Br >
|
