TypeScript装饰器之项目数据转换详解_Javascript

一、先来看一张图

二、解释下这张图

上图的原始对象，是后端api接口返回的json数据，其中有以下的一些问题：

接口字段命名方式乱七八糟驼峰下划线都有
有的名称不是我们想要的比如 description 前端想用 remark 来替代
承诺是 数组 的数据返回了 null
后端要求布尔型 1=true 0=false
后端给了错误的数据类型比如 money 字段该为数字
后端没有 布尔型 数据必须 is 开头的规范，但前端有, 比如 isdisabled
后端突然想把 phonenumber 按他们的习惯改成 user_phone

三、解决方案

1. baseentity

export class baseentity extends airmodel {
  @type(number) id!: number

  name!: string

  @default('暂无备注')
  @alias('desc') remark!: string
}

2. userentity

@fieldprefix('user_')
export class userentity extends baseentity {
  @type(string)
  @ignoreprefix() phonenumber!: string

  @tojson((user: userentity) => (user.isdisabled ? 1 : 0))
  @type(boolean)
  @alias('disabled')
  @default(false) isdisabled!: boolean

  @default(0)
  @type(number) money!: number

  @type(roleentity) role!: roleentity

  @type(roleentity)
  @isarray() rolelist!: roleentity[]
}

3. roleentity

@fieldprefix('role_')
export class roleentity extends baseentity {
  @tojson((role: roleentity) => (role.isadmin ? 1 : 0))
  @default(false)
  @type(boolean)
  @alias('admin') isadmin!: boolean
}

四、上面的装饰器介绍

// 为类标记全局字段前缀
@fieldprefix('')

// 实体转换到json时候的自定义方法
@tojson((role: roleentity) => (role.isadmin ? 1 : 0))

// 为字段设置默认值
@default(false)

// 为字段强制指定类型
@type(boolean)

// 为字段标记一个别名 就是后端的名字
@alias('admin')

// 标记某个属性不受类全局字段前缀的影响
@ignoreprefix()

// 标记某个数据是数组
@isarray()