Jak znaleźć błędy składni JavaScriptu

Question

Piszę fragment kodu JavaScript i robię ogromne ilości głupich błędów w składni. Ale jedyny sposób, aby dowiedzieć się, w którym wierszu znajduje się błąd, to zacząć komentowanie sekcji kodu, którą właśnie napisałem, i załadować ją ponownie do przeglądarki, aby zawęzić listę moich brakujących "); jest.

W jaki sposób "kompilujesz" źródło kodu JavaScript, aby upewnić się, że jest ono poprawne pod względem składni, aby umożliwić jego debugowanie w przeglądarce?

Answer 1

Ctrl + Przesunięcie + J w firefox, jeśli nie złapać swoje błędy aż do czasu wykonywania. Oczywiście firebug działa lepiej, ale jest to szybki sposób.

Answer 2

Jednym z pomysłów byłoby użycie konsoli Firebug do interaktywnego eksperymentowania ze skryptami, a następnie przeniesienia tylko testowanych części do kodu.

Answer 3

Spróbuj JSlint

To świetne narzędzie do debugowania JavaScript. Jeśli korzystasz z biblioteki jQuery, istnieje plugin rozwijany i został niedawno zwolniony, podobnie nazywa jQuery Lint

Answer 4

Douglasa Crockforda za Jslint: http://www.jslint.com/

Ale ostrzegamy, będzie bolało uczucia ;-)

Answer 5

Javascript jest uruchamiany przez przeglądarkę. Nie jestem pewien, czy istnieją "kompilatory", że tak powiem.

Jedną z rzeczy, którą można wypróbować, jest Firefox z zainstalowanym dodatkiem Firebug. Możesz łatwo odświeżyć stronę, uzyskać listę błędów, w tym numery linii itp. Łatwy sposób debugowania.

Również - Jeśli chcesz, przy użyciu Visual Studio 2008 (lub free web developer version) daje JavaScript intellisense, w tym wsparcie jQuery. Pomoże Ci to niezmiernie w utrzymaniu kodu w czystości podczas podróży.

Answer 6

http://www.javascriptlint.com/

Oto kilka typowych błędów, które JavaScript Lint szuka:

• Zaginionych średnikiem na końcu linii.
• Nawiasy klamrowe bez znaku if, for, while itp.
• Kod, który nigdy nie jest uruchamiany z powodu powrotu, rzutu, kontynuacji lub przerwy.
• Opisy przypadków w przełączniku, które nie mają instrukcji break.
• Początkowe i końcowe dziesiętne liczby.
• Prowadzące zero, które zamienia liczbę na ósemkową (podstawa 8).
• Komentarze w komentarzach.
• Niejednoznaczność, czy dwie sąsiednie linie są częścią tego samego wyciągu.
• Oświadczenia, które nic nie robią.

Answer 7

IDE Eclipse (z wtyczką JSEclipse) identyfikuje prawie wszystkie nasze problemy z składnią.

Sugeruję, że jednym z lepszych edytorów jest IntelliJ, ale nie jest on bezpłatny.

Answer 8

Jeśli używasz TextMate (MAC) można zainstalować this bundle

to głównie jslint, że będzie sprawdzać składnię JS.
i zawiera kilka innych bajerów jak różne narzędzia kompresji

Answer 9

Chrome: Ctrl + Przesunięcie + J: będzie przywołać konsolę JavaScript. Możesz kliknąć zakładkę skryptów, aby przejrzeć skrypty strony.

: Zainstaluj firebuga i uruchom, aby uzyskać podobną konsolę do wyżej wymienionych narzędzi chrome.

IDE: Możesz chcieć użyć netbeans lub Eclipse których oba oferują podświetlanie składni i uzupełniania kodu dla JavaScript. Będą one wskazywać błędy składniowe w czasie kodu.

jslint/jshint: Narzędzia te oferują sugestie kodu do poprawy jakości kodu i zmniejszyć możliwość wystąpienia błędów (logiczne), ale będą również łamać na składni i innych błędów.

Answer 10

Znajduję JSHint, + jego plugin vim jest bardzo użyteczny. Niewielka waga vima i nadal może śledzić błędy składniowe javascript.

https://github.com/walm/jshint.vim

Answer 11

Można użyć Esprima obsługi JavaScript parser (link to edytor kodu Internecie gotowy do użycia).

wierzę, że to obecnie najlepszy gotowy do użycia js parser w js, dlatego używam go w moim LIVEditor projektu (edytor kodu dla HTML/CSS/JS z podglądem czasie rzeczywistym).