JSHint: Detección de errores en javascript

Una particularidad frustrante que tiene javascript es la combinación de 2 características de su funcionamiento habitual:

• es muy sensible al caso: no es lo mismo array que Array, ni onload que onLoad.
• falla silenciosamente: muchas veces la única pista que tenemos de que algo va mal con nuestro script es que no hace lo que queríamos, pero nada más: no hay mensajes de error, el navegador no se queja... a veces no funciona nada de nada pero no tenemos ninguna pista de donde puede estar el fallo, a veces tan simple como una coma o un punto y coma que no están donde debieran.

Hay una herramienta que nos va a ayudar a detectar y corregir todo tipo de errores de sintaxis que tan dificiles son de detectar, sobre todo al principio. Existen dos variantes muy similares JSLint y JSHint. Personalmente prefiero JSHint, pero para gustos los colores.

Versión web

En www.jshint.com , lo único que hay que hacer es pegar nuestro código javascript en el recuadro de texto y darle al botón "Lint".

Plugin para Notepad++

Se puede descargar de la página del proyecto en sourceforge: http://sourceforge.net/projects/jslintnpp/
Para instalarlo sólo hay que descargarse el archivo zip de la página del proyecto, descomprimirlo y copiar el archivo JSLintNpp.dll en la carpeta plugins de Notepad++. Después de hacerlo hay que cerrar y volver a abrir el Notepad++ antes de poder usarlo. En Windows el camino de la instalación por defecto es C:\Archivos de programa\Notepad++\plugins.

Después de instalarlo, conviene configurar las opciones:
En Notepad++: Plugins-> JSLint-> JSLint Options

Aquí podemos elegir si queremos que sea JSLint o JSHint el programa que se encargue de analizar nuestros archivos y también podemos configurar una serie de opciones para cada uno de ellos. Yo prefiero JSHint y suelo tener marcadas por defecto: Assume  browser y assume development.

Para usarlo, lo único que debemos hacer es tener un archivo javascript abierto y elegir JSLint->JSLint Current File (Ctrl+Shift+F5).