class из примера JSON вместе с JSDoc-комментариями типов, чтобы даже нетипизированные JavaScript-проекты могли пользоваться автодополнением и статическим анализом в редакторе. Подходит для унаследованных проектов, которые не могут перейти на TypeScript, инструментов командной строки Node.js и браузерных расширений.Обзор
Генератор JSON → Класс JavaScript создаёт ES6-определения
Как пользоваться инструментом
Шаг 1 — вставьте пример JSON слева или нажмите «Пример», чтобы загрузить образец. Шаг 2 — укажите имя корневого класса (по умолчанию
RootObject). Шаг 3 — правый редактор в реальном времени генерирует ES6-код класса: конструктор принимает обычный объект и копирует свойства в экземпляр, а JSDoc-аннотации @typedef или @property в начале файла описывают типы полей. Шаг 4 — скопируйте код или скачайте как файл .js. Вложенные объекты автоматически разбиваются на несколько классов, а формы элементов массивов объединяются.Типичные сценарии
Node.js-проекты бэкенда создают модели ответов при интеграции со сторонними API; фронтенды на Vue / React добавляют подсказки типов для бизнес-объектов без перехода на TypeScript; Electron-приложения оборачивают IPC-протоколы; расширения Chrome описывают структуры хранилища; документы Firebase / MongoDB превращаются в объектно-ориентированные сущности для удобной работы.
Технические детали
Примитивы отображаются в
string / number / boolean, массивы становятся Type[], а null — в * (JSDoc-эквивалент any). Имена классов в PascalCase, а имена полей сохраняют исходное написание JSON и поддерживают ключи в кавычках. Сгенерированные классы содержат только поля данных и конструктор — без бизнес-методов; при необходимости добавляйте метод toJSON() вручную. JSDoc-комментарии распознаются VS Code, WebStorm и другими популярными IDE для подсказок и диагностики.Конфиденциальность и безопасность
Генерация классов выполняется полностью в браузере. Введённый JSON никогда не отправляется, поэтому его можно безопасно использовать с реальными продакшн-ответами API.