Archives par mot-clé : JsLint

Visual Studio : Astuces JSLint

J’ai déjà évoqué JSLint dans un précédent article, un validateur de code JavaScript et l’extension pour Visual Studio associée (VS2010, VS2012).

Voici quelques astuces afin d’améliorer l’utilisation de JSLint avec Visual Studio.

Analyser une portion de code

Il est possible de lancer la validation sur une partie de code. Pour cela, il suffit de sélectionner le code à analyser, clic droit puis cliquer sur JS Lint. Validation d'une portion de code avec JSLint

Exclure des fichiers

Par défaut, JSLint validera tout vos fichiers JavaScript. Vous pouvez ainsi avoir des erreurs concernant des librairies externes (type jQuery, Modernizr, …) qui viendront polluer les erreurs concernant vos fichiers. Il est possible d’exclure des fichiers de la validation effectuée par JSLint. Pour cela, il suffit de faire un clic droit sur le fichier puis cliquer sur Skip on build (item)

JSLint4VS_ExcludeFile

De la même façon, il est possible d’exclure des dossiers.

Ajouter jQuery

Si vous utiliser jQuery, il est possible que vous ayez des erreurs de type :

Problem at line 1 character 1: '$' was used before it was defined.

Afin de supprimer ses erreurs, il faut ajouter des variables prédéfinies dans la configuration de JSLint. La configuration se fait en cliquant sur JS Lint Options… dans le menu Outils de Visual Studio.

JSLint4VS_OptionsMenuIl faut ensuite rajouter $ et jquery comme variables prédéfinies comme ci-dessous :
JSLint4VS_ConfigurationVous pouvez procéder de la même façon pour d’autres librairies ou vos propres variables.

Ignorer une partie de code

Si vous avez besoin d’ignorer une partie de code, il est possible de l’exclure de la validation via un système de commentaire. Il suffit de mettre le code à ignorer entre les commentaires  /*ignore jslint start*/ et  /*ignore jslint end*/ ou d’ajouter en fin de ligne //ignore jslint. Ces commentaires sont configurables dans les options de JsLint.

JSLint_OptionIgnore

Validateur de code JavaScript

Il existe de nombreux outils de validation pour différents langage mais le JavaScript en est assez peu pourvu. C’est pour cela que je vous parle de JsLint. Il permet de vérifier votre code JavaScript. Cet outil a été créé par Douglas Crockford, qui est notamment connu pour avoir participé à la conception du langage JavaScript et le créateur du format JSON.

Cet outil disponible en ligne prend en entrée votre code JS et vérifie un ensemble de règles / bonnes pratiques de développement et vous liste les erreurs.

Un outil indispensable afin d’avoir du code propre et clair. De plus, il m’a permis de découvrir des règles comme utiliser le comparateur d’égalité === au lieu de ==. En effet, le comparateur == n’effectue pas de conversion ce qui peut amener à quelques résultat surprenant :

1 == "1"; // true
false == " nt "; // true
[[],[]] == true; // true

A noter, qu’il existe des plugins pour les principaux IDE :

Il existe également un autre outil, JavaScript Lint. Basé sur JSLint, celui-ci a l’avantage de pouvoir être utilisé en ligne ou installé sur sa machine.

Voici un petit guide en anglais des messages d’erreur remontés par JSLint. Celui-ci n’est pas encore complet, mais il permet de mieux comprendre certaines règles.

Pour la route, quelques liens en français et en anglais sur les bonnes pratiques de développement en
JavaScript :