В этом нет ничего постыдного: вы, вероятно, не пишете идеальный JavaScript в первый раз. Хотя отладка JavaScript обычно выполняется вручную, сегодняшний краткий совет научит вас, как использовать JSLint, инструмент для выявления ошибок JavaScript. Думайте об этом как проверка правописания для JavaScript.
Screencast
Что такое JSLint?
Вот определение программы Lint из Википедии:
В компьютерном программировании lint было именем, изначально присвоенным конкретной программе, которая помечала некоторые подозрительные и непереносимые конструкции (вероятно, ошибки) в исходном коде языка Си. Этот термин теперь применяется в общем для инструментов, которые отмечают подозрительное использование в программном обеспечении, написанном на любом компьютерном языке.
JSLint — одна из таких программ для JavaScript, написанная Дугласом Крокфордом (конечно). Вы даете ему свой JavaScript, и он дает вам знать, что исправить
Как вы используете его?
После того, как вы зайдете на сайт JSLint , первым шагом будет выбор методов, которые вы хотите применить; Вы можете выбрать настройки, рекомендованные Crockford, нажав кнопку «Хорошие детали».
Затем вставьте свой JavaScript и нажмите кнопку JSLint. Если ваш код не идеален, вы получите список ошибок, которые нужно исправить.
До JSLint
|
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
|
(function () {
var anObject = {};
var anElem = document.getElementById(«wrap»);
var aString = «This is a string»
if (aString === «This is a string») {
anotherString = aString;
}
function person(name, age) {
this.name = name;
this.age = age;
}
var aPerson = new person(«John», 25);
}());
|
После JSLint
|
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
|
/*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 */
«use strict»;
(function () {
var anObject = {}, aPerson, anotherString,
anElem = document.getElementById(«wrap»),
aString = «This is a string»;
if (aString === «This is a string») {
anotherString = aString;
}
function Person(name, age) {
this.name = name;
this.age = age;
}
aPerson = new Person(«John», 25);
}());
|
Где я могу узнать больше о JSLint?
На этой странице подробно объясняются концепции, лежащие в основе JSLint. Спасибо за чтение и просмотр!