Prefacio
JSHINT se usa para analizar y verificar que el código JavaScript cumpla con sus reglas de codificación. Esta poderosa herramienta puede ayudar a detectar errores y problemas en su código, y obliga a su equipo a mantener ciertas convenciones y estilos de codificación, lo que hace que el código sea confiable y más fácil de leer.
En este artículo, le mostraré cómo instalar, configurar y usar Jshint. También se incluye un ejemplo que enumera algunos de mis editores favoritos que pueden usar Jshint.
Instalar jshint
Instalar Jshint es muy fácil, puede usar el Node Package Manager (NPM). Si aún no ha instalado NPM, puede descargar la última versión del sitio web de NodeJS para instalar Node.js y NPM.
Una vez que se instala NPM, puede usar el siguiente comando para instalar jshint:
NPM Instalar jshint -g
El parámetro -g le dice npm que queremos instalar a nivel mundial para que podamos llamar a este comando en cualquier directorio.
Verifique el código a través de la línea de comando
Ahora que Jshint está instalado, usemos jshint en la línea de comandos para analizar un archivo de código JavaScript.
Aquí hay un archivo con el nombre del archivo demo1.json:
Utilizamos el siguiente comando para analizar el código:
jshint demo1.js
Jshint nos dice que hay un error en la línea 8 del archivo demo1.js, la razón: falta un punto y coma.
Si completamos la semicolon faltante y ejecutamos este comando nuevamente, no habrá salida del mensaje de error.
Configurar jshint
JSHINT tiene una configuración predeterminada para analizar su código, pero su configuración de configuración está diseñada para ser muy flexible. Hay cuatro formas de proporcionar archivos de procesamiento de configuración para Jshint.
Una forma es usar el parámetro --config para especificar el archivo de configuración:
jshint demo1.js - -config config.json
Otra forma es poner la configuración en un archivo llamado .jshintrc, porque JSHINT buscará este archivo de configuración en el mismo directorio de nivel para el análisis de código. Si no se encuentra, continuará buscando el directorio superior hasta el directorio raíz, lo que nos permite establecer diferentes archivos de configuración para un proyecto.
El tercer método es poner información de configuración en la propiedad JSHINTCONFIG del archivo Packle.json.
En cualquiera de estos tres métodos, la información de configuración es el formato JSON para especificar cada parámetro para decir que la opción JSHINT está encendida o desactivada. Por ejemplo: "no utilizado" y "undef" en el siguiente archivo de configuración son activar alarmas para variables no utilizadas e indefinidas. "Curly" requiere que siempre coloque aparatos ortopédicos en bucles y bloques condicionales. "eqeqeq" significa que == y! = están prohibidos, pero deben usarse === y! ==. "Globals" se utiliza para especificar una lista blanca de variables globales que no se definen en el código.
El cuarto método es escribir información de configuración en el archivo de código en anotación.
Puede ver diferentes opciones de configuración para controlar el comportamiento de Jshint.
Un pequeño ejemplo
A continuación, operemos en las opciones en el archivo de configuración config.json mencionado anteriormente. Supongamos que tenemos un archivo JavaScript a continuación, que es solo un pequeño código solo para aprender.
Si ejecutamos el comando jshint demo2.js --config config.json , obtendremos el siguiente resultado:
Hay 4 errores en nuestro código. En la línea 9, Jshint indica que el bloque de código "If" debe envolverse en aparatos ortopédicos. La variable subscription_id se define pero no se usa. En las líneas 9 y 11, "confirmar" y "consola" no están definidos.
Podemos evitar los dos primeros errores con solo una pequeña modificación:
Ahora, agregemos una opción de desarrollo en el archivo config.json y establezcamos en verdadero para que Jshint pueda reconocer "confirmar" y "consola".
En este punto, si ejecutamos el comando jshint nuevamente, no habrá errores.
Resumir
Jshint es una muy buena herramienta para reducir los errores de código. Muchos editores brindan soporte de jshint. Los amigos que están interesados pueden estudiar más a fondo. Lo anterior se trata de usar Jshint para reducir los errores de JavaScript. Espero que sea útil para todos los que usen JavaScript.