Astuce Utiliser JSLint

Il n'y a pas de quoi avoir honte: vous n'écrivez probablement pas du code JavaScript parfait la première fois. Bien que le débogage de JavaScript soit généralement effectué manuellement, le conseil rapide d’aujourd’hui vous montrera comment utiliser JSLint, un outil permettant de détecter les bogues de JavaScript. Pensez-y comme vérification orthographique pour JavaScript.

Screencast

Abonnez-vous à notre page YouTube pour voir tous les tutoriels vidéo!

Qu'est-ce que JSLint??

Voici la définition par Wikipedia d'un programme Lint:

En programmation informatique, lint était le nom donné à l'origine à un programme particulier qui signalait des constructions suspectes et non portables (susceptibles d'être des bogues) dans le code source en langage C. Le terme est maintenant appliqué de manière générique aux outils qui signalent une utilisation suspecte dans des logiciels écrits dans n’importe quel langage informatique..

JSLint est l'un de ces programmes pour JavaScript, écrit par Douglas Crockford (bien sûr). Vous remettez votre JavaScript et il vous permet de savoir quoi réparer.

Comment l'utilisez-vous?

Une fois que vous avez visité le site Web JSLint, la première étape consiste à choisir les pratiques que vous souhaitez appliquer. vous pouvez choisir les paramètres recommandés par Crockford en cliquant sur le bouton "Bonnes parties".

Ensuite, collez votre JavaScript et cliquez sur le bouton JSLint. Si votre code est moins que parfait, vous aurez une liste d'erreurs à corriger.

Avant JSLint

 (function () var anObject = ; var anElem = document.getElementById ("wrap"); var aString = "Ceci est une chaîne" if (aString === "Ceci est une chaîne") anotherString = aString;  fonction personne (nom, âge) this.name = nom; this.age = age; var aPerson = nouvelle personne ("John", 25); ());

Après JSLint

 / * jslint white: true, navigateur: true, onevar: true, undef: true, nom: true, eqeqeq: true, plusplus: true, bitwise: true, regexp: true, newcap: true, immed: true, strict: true * / "use strict"; (function () var anObject = , aPerson, anotherString, anElem = document.getElementById ("wrap"), aString = "Ceci est une chaîne"; if (aString === "Ceci est une chaîne") anotherString = aChaîne; fonction Personne (nom, âge) this.name = nom; this.age = age; aPerson = new Person ("Jean", 25); ());

Où puis-je en apprendre davantage sur JSLint?

Cette page explique en détail les concepts à la base de JSLint. Merci d'avoir lu et regardé!

Code