Snelle tip JSLint gebruiken

Het is niets om je voor te schamen: je schrijft waarschijnlijk de eerste keer geen perfect JavaScript. Hoewel het foutopsporen van JavaScript meestal handmatig gebeurt, leert de snelle tip van vandaag u hoe u JSLint kunt gebruiken, een hulpmiddel om JavaScript-bugs op te sporen. Zie het als spellingcontrole voor JavaScript.


screencast


Abonneer u op onze YouTube-pagina om alle videozelfstudies te bekijken!

Wat is JSLint?

Hier is de Wikipedia-definitie van een Lint-programma:

Bij computerprogrammering was Lint de naam die oorspronkelijk aan een bepaald programma was gegeven en die een aantal verdachte en niet-draagbare constructies (waarschijnlijk bugs) markeerde in C-taalbroncode. De term wordt nu algemeen toegepast op hulpprogramma's die verdacht gebruik in software markeren die in een computertaal is geschreven.

JSLint is zo'n programma voor JavaScript, geschreven door Douglas Crockford (natuurlijk). U geeft het uw JavaScript en het laat u weten wat u moet oplossen.


Hoe gebruik je het?

Nadat u de JSLint-website hebt bezocht, moet u eerst de praktijken kiezen die u wilt afdwingen; je kunt de Crockford-adviesinstellingen kiezen door op de knop "Goede onderdelen" te klikken.

Plak vervolgens je JavaScript en druk op de JSLint-knop. Als je code niet perfect is, krijg je een lijst met fouten die je moet oplossen.


Voor JSLint

 (function () var anObject = ; var anElem = document.getElementById ("wrap"); var aString = "Dit is een string" if (aString === "Dit is een string") anotherString = aString;  function person (name, age) this.name = name; this.age = age; var aPerson = new person ("John", 25); ());

Na JSLint

 / * jslint white: true, browser: true, onevar: true, undef: true, nomen: true, eqeqeq: true, plusplus: true, bitwise: true, regexp: true, newcap: true, immed: true, strict: true * / "gebruik strikt"; (function () var anObject = , aPerson, anotherString, anEm = document.getElementById ("wrap"), aString = "Dit is een string"; if (aString === "Dit is een string") anotherString = aString; function Person (name, age) this.name = name; this.age = age; aPerson = new Person ("John", 25); ());

Waar kan ik meer leren over JSLint?

Deze pagina legt dieper in op de concepten achter JSLint. Bedankt voor het lezen en kijken!