JavaScript
Linters - Asegurando la calidad del código

Observaciones

JSHint

JSHint es una herramienta de código abierto que detecta errores y problemas potenciales en el código JavaScript.

Para borrar tu JavaScript tienes dos opciones.

1. Vaya a JSHint.com y pegue su código en el editor de texto en línea.
2. Instale JSHint en su IDE .
   • Atom: linter-jshint (debe tener instalado el complemento Linter )
   • Texto sublime: JSHint Gutter y / o Sublime Linter
   • Vim: jshint.vim o jshint2.vim
   • Visual Studio: VSCode JSHint

Una ventaja de agregarlo a su IDE es que puede crear un archivo de configuración JSON llamado .jshintrc que se usará al alinear su programa. Esto es conveniente si desea compartir configuraciones entre proyectos.

Ejemplo de archivo .jshintrc

{
    "-W097": false, // Allow "use strict" at document level
    "browser": true, // defines globals exposed by modern browsers http://jshint.com/docs/options/#browser
    "curly": true, // requires you to always put curly braces around blocks in loops and conditionals http://jshint.com/docs/options/#curly
    "devel": true, // defines globals that are usually used for logging poor-man's debugging: console, alert, etc. http://jshint.com/docs/options/#devel
    // List global variables (false means read only)
    "globals": {
        "globalVar": true
    },
    "jquery": true, // This option defines globals exposed by the jQuery JavaScript library.
    "newcap": false,
    // List any global functions or const vars
    "predef": [
        "GlobalFunction",
        "GlobalFunction2"
    ],
    "undef": true, // warn about undefined vars
    "unused": true // warn about unused vars
}

JSHint también permite configuraciones para líneas / bloques de código específicos

switch(operation)
{
   case '+'
   {
      result = a + b;
      break;
   }

   // JSHint W086 Expected a 'break' statement
   // JSHint flag to allow cases to not need a break
   /* falls through */
   case '*':
   case 'x':
   {
      result = a * b;
      break;
   }
}

// JSHint disable error for variable not defined, because it is defined in another file
/* jshint -W117 */
globalVariable = 'in-another-file.js';
/* jshint +W117 */

Más opciones de configuración están documentadas en http://jshint.com/docs/options/

ESLint / JSCS

ESLint es un puntero y un formateador de estilo de código para su guía de estilo, como JSHint . ESLint se fusionó con JSCS en abril de 2016. ESLint requiere más esfuerzo para configurar que JSHint, pero hay instrucciones claras en su sitio web para comenzar.

Una configuración de ejemplo para ESLint es la siguiente:

{
    "rules": {
        "semi": ["error", "always"], // throw an error when semicolons are detected 
        "quotes": ["error", "double"] // throw an error when double quotes are detected
    }
}

Aquí se puede encontrar un archivo de configuración de ejemplo donde TODAS las reglas están desactivadas, con descripciones de lo que hacen.

JSLint

JSLint es el tronco desde el cual JSHint se ramificó. JSLint adopta una postura mucho más opinada sobre cómo escribir código JavaScript, lo que lo empuja a usar solo las partes que Douglas Crockford considera que son sus "partes buenas", y se aleja de cualquier código que Crockford cree que tiene una mejor solución. El siguiente hilo de StackOverflow puede ayudarlo a decidir cuál es el indicador adecuado para usted . Si bien hay diferencias (aquí hay algunas comparaciones breves entre él y JSHint / ESLint ), cada opción es extremadamente personalizable.

Para obtener más información sobre la configuración de JSLint, consulte NPM o github .