Браузер объектов JavaScript?

Firebug + uneval (obj) - простой прием, который часто бывает полезным.

Взгляните на Аптана, у них есть схема, которая может помочь вам определить, какие объекты и иногда их отношения.

Вкладка DOMFirebug позволяет вам просматривать содержимое глобального объекта window, и вы можете проверить конкретный объект, введя inspect(whatever) в командной строке.

Вы не сможете использовать его для обнаружения отношений, если только экземпляр одного объекта не содержит экземпляр связанного объекта, но это только начало.

Вы также можете использовать меню «Параметры» на вкладке DOM, чтобы ограничить отображаемые функции и свойства, определяемые пользователем, что должно помочь уменьшить беспорядок.

Мы не знаем, предназначено ли это JS-приложение для работы в веб-браузере ...
Если да, то в соответствии с рекомендациями Firebug (расширение Firefox) отлично подходит для отладки JS и изучения Dom.
. На стороне IE у вас есть некоторые инструменты, такие как IEDocMon, Панель инструментов веб-доступности (он делает больше, чем его имя) или Скрипач (не имеет отношения к вашему вопросу, но все же хороший инструмент).

Firebug (Firefox) / Стрекоза (Opera) может помочь вам с просмотром объектов в реальном времени.

Аптана / JS / UML (Eclipse) может помочь с отношениями объектов

Я вижу, что многие люди говорят об изучении DOM в Firebug. Однако из вашего вопроса похоже, что вам нужно что-то вроде jsdoc? просто добавьте информацию о типе и классе с помощью комментариев, и jsdoc сгенерирует документацию, включая отношения классов. http://jsdoc.sourceforge.net/

У Google есть его форк с добавленной функциональностью http://code.google.com/p/jsdoc-toolkit/

Обновлено: Это не форк, это переписанный разработчиком, изначально написавшим jsdoc как Perl-скрипт. Он нацелен на то, чтобы быть более адаптируемым, чтобы вы могли использовать любой стиль наследования / событий / свойств js, который вам нравится. Еще одна особенность заключается в том, что он позволяет гораздо проще изменять шаблоны, используемые для создания HTML.

Это старый вопрос, но позвольте мне все равно на него ответить.

1. Используйте IDE. Интегрированные среды разработки были созданы для быстрого перехода между кодом. Ключевые функции, которые вы будете использовать во время исследования, - это просмотр структуры или схемы файла, переход к объявлению или использованию и поиск по всему проекту всех экземпляров строки. Если вы используете WebStorm, настройте настраиваемую область для файлов, кроме сгенерированных файлов и node.js, чтобы облегчить поиск.

2. Run 'npm la | less ', в котором перечислены все ваши зависимые модули с однострочными описаниями. Возможно, вы никогда не видели moment.js и вам никогда не нужно читать документацию, но потратить время на прочтение его однострочного резюме стоит. Если вам нужно больше информации об инструменте, чем однострочная сводка, найдите термин на SlideShare. Слайды быстрее, чем ReadTheDocs.

3. Немного документируйте по ходу дела. Я сторонник принуждения людей постоянно использовать записные книжки, а не чертёжную бумагу. Кроме того, я считаю целесообразным добавлять однострочный комментарий к каждому файлу JavaScript. Вы хотите знать, что должно быть в каждом каталоге вашего проекта. Я также рекомендую составить глоссарий точного значения терминов домена в вашей системе, например, что «работает» в вашей системе.

4. Наконец, вам может потребоваться просто запустить приложение в отладчике и начать пошаговое выполнение его частей. Большинство крупных проектов привлекли внимание программистов разного уровня подготовки и мотивации.

Вы стремитесь к определенному уровню «концептуальной целостности» (цитируя Йордона) или «гробу» программное обеспечение (цитируя Хейнлиена). Это занимает некоторое время, не может быть проигнорировано и может быть выполнено эффективно.