Cómo utilizar el análisis estático para encontrar errores

Detrás en los días de mainframes y tarjetas perforadas , los programadores pasaron horas estudiando detenidamente los listados de código en busca de errores y bugs . Tiempo de ordenador era limitada y se espera que los programadores de encontrar problemas con la inspección . Hoy en día , los programas de análisis estático hacer este trabajo de forma automática , mucho mejor que cualquier par de ojos humanos . Programas como JSLint , Coverity y ReSharper no sólo a encontrar errores de sintaxis , pero también advierten sobre los posibles problemas de lógica . Cosas que necesitará
navegador Web con conexión a Internet
Ver Más instrucciones
1

seleccionar y copiar el siguiente código de JavaScript . Coloca el cursor en la primera línea, mantenga pulsada la tecla "Shift " y luego flecha abajo al final del código . Haga clic en " Control" y " C ", junto a copiar el código
función

firstName_click () { var firstName = document.getElementById ( "nombre " ) . If ( FirstName.Value == " ") alert (" se requiere que el nombre" ) ;}
2

clic en el enlace para JSLint en la sección Referencias . A continuación, pegue el código en el cuadro de edición .
3

clic en el botón " JSLint " para ver los resultados del análisis estático del sitio.

Un problema con muchos de los herramientas de análisis estático es que son muy exigente . A pesar de que sólo hay unas pocas líneas de código , JSLint encontró 10 errores . La mayoría están relacionadas con el formato y espaciado , pero entre el ruido hay un par de errores legítimos.
4

corregir los errores . En primer lugar, ir a través y ajustar el espacio a las necesidades del JSLint . Añadir las llaves alrededor de la función de alerta y el cambio == para === dentro de la sentencia if .

Aunque todos estos errores puede parecer molesto, lo convierte en un formato coherente código limpio y fácil de leer . Y la tasa adicional del signo igual y apoyos puede hacerse cargo de algunas inconsistencias de navegación

Después de la limpieza de estos errores , el código es el siguiente: .
Función

firstName_click () { var firstName = document.getElementById ( "nombre "); if ( FirstName.Value [ \\ ] \\ === "") { alert (" se requiere que el nombre" ) ;} }
5

Cambio las opciones para manejar los problemas restantes . Hay una lista de casillas de verificación con varias opciones hacia la parte inferior de la página. Compruebe las siguientes opciones:

Compruebe la opción " Browser" para especificar que el código se ejecuta en un entorno de navegador y los objetos como documentos y funciones como alertas ya están definidos

Revisa la " suelta" .

herramientas de análisis estático más opción que elimina la necesidad de usar requisito estricto . son altamente configurables . Esto ayuda a los desarrolladores adaptar las herramientas a las normas de programación existentes.
6

clic en el botón " JSLint " una última vez para ver los nuevos resultados.