class 定义,并附带 JSDoc 类型注释,让即使无类型的 JavaScript 项目也能享受编辑器自动补全与静态分析。它适合无法采用 TypeScript 的老项目、Node.js CLI 工具与浏览器扩展。工具概述
JSON → JavaScript Class 生成器可根据样例 JSON 生成 ES6
如何使用本工具
第一步 — 在左侧粘贴样例 JSON,或点击“示例”加载样例。第二步 — 填写根类名(默认
RootObject)。第三步 — 右侧编辑器会即时生成 ES6 类代码:构造函数接收普通对象并将属性复制到实例,顶部的 JSDoc @typedef 或 @property 注解声明字段类型。第四步 — 复制代码或下载为 .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 响应。