Как отлавливать синтактические ошибки в javascript?

Question

[Stilar]

Испытываю сложность с отловом глупых синтаксических ошибок в скриптах. Консоль браузера их не замечает и на них не ругается. Какие инструменты и способы способны помочь их находить более-менее быстро и удобно?

var color= ["red","black","blue","green","yellow","gray","orange"];
var j=0;

var all = document.querySelectorAll('body *');

for (var i=0; i < all.lenght; i++) { 
    all[i].addEventListener("click", myfunc, false);
}

function myfunc() {
    this.style.backgroundColor = color[j++%color.length];
    arguments[0].stopPropagation();
}

Comments

[VZVZ]

Типа как lenght вместо length? Ну можно IDE разные попробовать, такие, как WebStorm. А можно просто тестировать и дебажить код.

Answer 1

[Александр]

www.jslint.com

Comments

[Stilar]

Страшная вещь. Ругается на всё, но ошибку в примере не нашел. Думаю это не то.

Answer 2

[Владимир Грабко]

netbeans

Comments

[Stilar]

Спасибо за ссылку на эту IDE. Безумно тяжелая к сожалению =(

Answer 3

[Константин Китманов]

1. Практика. Со временем перестаешь писать откровенную лажу.
2. Писать код в нормальном редакторе — попробуйте VS Code, например.

Comments

[theWaR_13]

В нем нет автодополнения тегов в html, просто ужасно. Jade, конечно, использовать можно, но сам факт отсутствия..

[Константин Китманов]

theWaR_13: человек-то про JS спрашивает.

[Stilar]

Спасибо. Я использую VS Code и он действительно здорово помогает, но вот такую ошибку, как на примере - он никак не выделяет.

[Константин Китманов]

Stilar: мда, действительно. Ну, кстати говоря, это не синтаксическая ошибка — настоящую синтаксическую ошибку он все-таки должен словить.
Из-за того, что JS — динамический язык, такие вещи отловить действительно сложно. Могу сказать, что WebStorm все-таки подсвечивает такие вещи, но опять таки — динамическая природа JS, много ложных срабатываний.
Если писать на TypeScript, то тоже такие вещи ловятся сразу.

[Stilar]

Константин Китманов: Спасибо за развернутый ответ, Константин. Что ж, приму как данность эту особенность у js...

Answer 4

[Максим Тимофеев]

Большинство ошибок видны в консоле браузера, по крайней мере описки.