typeof-jsonc 将 JSONC/JSON 转换为 TypeScript 声明

1、TypeScript 带来的好处

TypeScript 提供了静态类型检查,带来了如下好处:

  • 质量:静态类型检查,规避类型错误
  • 高效:结合编辑器,智能提示,加快开发速度和保证代码质量
  • 重构:静态类型检查,重构低风险
  • 可读:类型声明使代码更可读

2、开发中存在的类型声明成本

开发过程中需要更多的类型,以让 TypeScript 的效果更好,特别是前后端协作时,将接口文档信息转换为 TypeScript 类型声明,来保证项目质量。 但是手动的根据后端接口文档进行编辑,带来很高的编辑成本。

3、降低接口文档到 TS 声明成本的方案

typeof-jsonc lib 库支持将 jsonc 字符串转换为 TS 声明

待转换接口示例

{
  "code": 0,
  "data": {
        // this is name
        "name": "hello",
        // this is age
        "age": 18
  },
  "msg": "success"
}
复制代码

typeof-jsonc 转换结果

export interface IResponseData {
    code: number;
    data: IData;
    msg: string;
}

export interface IData {
    /**
     * this is name
     */
    name: string;
    /**
     * this is age
     */
    age: number;
}

复制代码

线上工具截图

4、typeof-jsonc 特性

  • 支持基本类型
  • 支持数组类型合并
  • 支持注释解析
  • 自定义类型名
  • 支持 jsonc、json、非标准的 jsonc/json 格式

转载于:https://juejin.im/post/5cd67c31518825686b1206a2

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值