@qubit-ltd/common-decorator
v3.10.5
Published
A JavaScript ES7 library of common decorators
Readme
js-common-decorator
概述
@qubit-ltd/common-decorator 是一个JavaScript通用装饰器库,为您的领域类提供强大的增强工具。该库支持最新的(截至2023年11月)JavaScript装饰器[stage 3 提案]。
使用这个库,您可以轻松地为领域类添加常用方法,实现类似Java的枚举功能,添加验证和规范化功能等 - 所有这些都使用现代装饰器语法。
特性
- 现代装饰器支持:兼容最新的 JavaScript 装饰器 Stage 3 提案
- 模型增强:
@Model装饰器为领域模型类添加常用方法 - 枚举实现:
@Enum装饰器提供类似 Java 的枚举功能 - 验证支持:
@Validatable装饰器实现字段验证 - 规范化支持:
@Normalizable装饰器实现字段规范化 - 类型安全:
@Type和@ElementType装饰器用于类型检查 - 序列化工具:内置 JSON 序列化/反序列化支持
- 工具函数:独立的辅助函数,用于ID转换、JSON序列化等功能
- 高测试覆盖率:全面的测试套件确保所有功能的可靠性
安装
# 使用 npm
npm install @qubit-ltd/common-decorator
# 使用 yarn
yarn add @qubit-ltd/common-decorator
# 使用 pnpm
pnpm add @qubit-ltd/common-decorator目录
- 使用方法
- @Model 装饰器
- 实例方法:Class.prototype.assign(obj, options = undefined)
- 实例方法:Class.prototype.clone()
- 实例方法:Class.prototype.isEmpty()
- 实例方法:Class.prototype.clear()
- 实例方法:Class.prototype.equals(other)
- 实例方法:Class.prototype.generateId()
- 实例方法:Class.prototype.normalizeField(field)
- 实例方法:Class.prototype.normalize(fields)
- 实例方法:Class.prototype.validateField(field)
- 实例方法:Class.prototype.validate(fields)
- 实例方法:Class.prototype.toJSON(key, options = undefined)
- 实例方法:Class.prototype.toJsonString(options = undeinfed)
- 类方法:Class.create(obj, options = undefined)
- 类方法:Class.createArray(array, options = undefined)
- 类方法:Class.createPage(page, options = undefined)
- 类方法:Class.isNullishOrEmpty()
- 类方法:Class.parseJsonString(json, options=undefined)
- 使用示例
- @Enum 装饰器
- DefaultOptions 类
- @Model 装饰器
- 配置
- 工具函数
- 最新更新
- 贡献
- 许可证
使用方法
@Model 装饰器
此装饰器用于装饰领域模型类,为被装饰的类添加以下实例方法和类方法。
注意:如果被装饰的类已经实现了以下任意方法,该装饰器将不会覆盖已经实现的方法。
实例方法:Class.prototype.assign(obj, options = undefined)
- 参数:
obj: object:将要复制其字段的对象,该对象可能与当前对象有不同的原型。options: null|undefined|object:用于赋值的额外选项。如果该参数为undefined或null,则使用默认选项。默认选项可通过调用DefaultOptions.get('assign')获取。 可用选项包括:normalize: boolean,指示在赋值后是否对该对象进行规范化。默认值为true。convertNaming: boolean,指示是否转换目标对象的命名风格。默认值为false。sourceNamingStyle: string,源对象的命名风格,即assign()方法的第一个参数。 默认值为'LOWER_UNDERSCORE'。targetNamingStyle: string,目标对象的命名风格,即调用assign()方法的对象。 默认值为'LOWER_CAMEL'。types: object,类字段类型的附加信息。此对象的键是目标对象字段或子字段的路径, 值是字段的类型,以类型的构造函数表示。默认值为{}。elementTypes: object,类字段元素类型的附加信息。此对象的键是目标对象字段 或子字段的路径,值是元素的类型,以类型的构造函数表示。默认值为{}。
- 返回值:
object:调用该方法的对象自身。
此函数将 obj 对象的字段复制到当前对象中,仅复制当前对象类中定义的字段。
如果 obj 中不存在某个字段,则将当前对象对应字段设为默认值。但如果 obj 中某个字段存在
且值为 null 或 undefined,函数会保留这些 null 或 undefined 值,而不是设为默认值。
注意,obj 可以与当前对象有不同的原型。
实例方法:Class.prototype.clone()
- 参数:无。
- 返回值:
object:从当前对象深度克隆的新实例,具有相同的属性值。
此函数深度克隆当前对象,返回一个与当前对象具有相同属性值的新实例。注意,返回的对象与当前对象具有相同的原型。
实例方法:Class.prototype.clear()
- 参数:无。
- 返回值:
object:调用该方法的对象自身。
此函数将当前对象的所有属性设置为默认值。字段的默认值是类的默认构造实例的字段值。
实例方法:Class.prototype.isEmpty()
- 参数:无。
- 返回值:
boolean:当前对象是否为空。
此函数检查当前对象是否为空,空表示其所有字段都具有默认值。字段的默认值是类的默认构造实例的字段值。
实例方法:Class.prototype.equals(other)
- 参数:
other: object:与当前对象进行比较的对象。
- 返回值:
boolean:当前对象是否与other深度相等。
此函数检查当前对象是否与 other 深度相等。
两个对象在以下情况下被认为是深度相等的:它们具有相同的原型,并且它们的所有字段都深度相等。
两个字段在以下情况下深度相等:它们具有相同的值,或者它们都为 undefined 或 null。
如果字段是数组, 则它仅在与另一个数组具有相同长度并且其所有元素都深度相等时才被认为深度相等。
如果字段是对象,则它仅在与另一个对象具有相同的原型并且其所有字段都深度相等时才被认为深度相等。
实例方法:Class.prototype.generateId()
- 参数:无。
- 返回值:
string:生成的全局唯一 ID 的字符串表示形式,并将其设置为调用该方法的对象的id字段。
如果被装饰的类定义了名为 id 的属性,则此实例方法 generateId() 会自动添加到该类中。
每次调用此方法时,都会为当前调用对象生成一个全局唯一的 ID(以整数的字符串形式表示),
将生成的 ID 设置为调用对象的 id 字段,并返回该 ID。注意,如果父类 A 定义了 id 字段,
而子类 B 继承了该 id 字段但没有定义自己的 id 字段,则 generateId() 方法只会添加到类 A,而不会添加到类 B。
实例方法:Class.prototype.normalizeField(field)
- 参数:
field: string:要规范化的指定字段名称。
- 返回值:
boolean:是否成功规范化指定字段。
此函数会规范化当前对象的指定字段。如果对象具有该字段并且该字段是可规范化的,函数将规范化该字段并返回 true;
否则,函数不执行任何操作并返回 false。请注意,字段只有在被 @Normalizable 装饰器装饰时才是可规范化的。
实例方法:Class.prototype.normalize(fields)
- 参数:
fields: undefined | null | string | string[]:要规范化的字段,可以是以下值之一:undefined:规范化当前对象的所有可规范化字段。null:规范化当前对象的所有可规范化字段。"*":规范化当前对象的所有可规范化字段。string[]:规范化数组中指定名称的所有可规范化字段。
- 返回值:
object:规范化后的调用对象。
此函数规范化当前对象的指定字段。fields 参数指定要规范化的字段名称。
如果 fields 为 undefined、null 或字符串 "*", 则规范化当前对象的所有可规范化字段。
如果 fields 是一个字符串数组,则规范化数组中指定名称的所有可规范化字段。
请注意,字段只有在被 @Normalizable 装饰器装饰时才是可规范化的。
重要提示:如果字段值为 null 或 undefined,规范化过程将会保留这些 null 或 undefined 值,
而不会将其替换为默认值。
实例方法:Class.prototype.validateField(field)
- 参数:
field: string:要验证的指定字段的名称。
- 返回值:
ValidationResult | null:验证结果。
此函数验证当前对象的指定字段。如果对象具有该字段并且该字段是可验证的,函数将验证该字段并返回验证结果;
否则,函数不执行任何操作并返回 null。请注意,字段只有在被 @Validatable 装饰器装饰时才是可验证的。
实例方法:Class.prototype.validate(fields)
- 参数:
fields: undefined | null | string | string[]:要验证的字段,可以是以下值之一:undefined:验证当前对象的所有可验证字段。null:验证当前对象的所有可验证字段。"*":验证当前对象的所有可验证字段。string[]:验证数组中指定名称的所有可验证字段。
- 返回值:
ValidationResult:验证结果。
此函数验证当前对象的指定字段。fields 参数指定要验证的字段名称。
如果 fields 为 undefined、null 或字符串 "*", 则验证当前对象的所有可验证字段。
如果 fields 是一个字符串数组,则验证数组中指定名称的所有可验证字段。
请注意,字段只有在被 @Validatable 装饰器装饰时才是可验证的。
实例方法:Class.prototype.toJSON(key, options = undefined)
- 参数:
key: string:JSON.stringify()调用toJSON()时传递的参数,取以下值:- 如果此对象是属性值,此参数为属性名称;
- 如果此对象在数组中,此参数为字符串形式的数组索引;
- 如果
JSON.stringify()直接调用此对象,此参数为空字符串。
options: null|undefined|object:序列化的附加选项。如果该参数为undefined或null,将使用默认选项。 默认选项可通过调用DefaultOptions.get('toJSON')获取。可用选项包括:normalize: boolean,指示在序列化之前是否对该对象进行规范化。默认值为true。removeEmptyFields: boolean,指示是否忽略对象的空字段。如果为true,对象的 空字段将在序列化之前被移除。默认值为false。convertNaming: boolean,指示是否转换结果 JSON 字符串中对象属性的命名风格。默认值为false。sourceNamingStyle: string,源对象的命名风格,即调用toJSON()方法的对象。默认值为'LOWER_CAMEL'。targetNamingStyle: string,目标对象的命名风格,即toJSON()方法返回的 JSON 字符串中对象的命名风格。 默认值为'LOWER_UNDERSCORE'。space: string | number,用于在输出的 JSON 字符串中插入空白(包括缩进、换行符等)。 如果是数字,表示使用的空格字符数,最多为 10(任何大于 10 的值都视为 10)。值小于 1 表示不使用空白。 如果是字符串,则字符串(或前 10 个字符,如果字符串长度超过 10 个字符)将插入到每个嵌套对象或数组之前。 如果此参数不是字符串或数字(可以是原始类型或包装对象)——例如null或未提供——则不使用任何空白。 此选项的默认值为null。
- 返回值:
object:将被JSON.stringify()序列化的对象,可能是该对象的修改副本。
此函数获取要由 JSON.stringify() 序列化的对象。如果值有 toJSON() 方法,则该方法负责定义哪些数据将被序列化。
不会序列化对象本身,而是序列化调用 toJSON() 方法时返回的值。
注意:此函数返回一个将被 JSON.stringify() 序列化的对象,而不是 JSON 字符串。使用 JSON.stringify()
或 this.toJsonString() 方法将此对象序列化为 JSON 字符串。
实例方法:Class.prototype.toJsonString(options = undefined)
- 参数:
options: null|undefined|object:用于序列化的附加选项。如果该参数为undefined或null,将使用默认选项。 默认选项可通过调用DefaultOptions.get('toJSON')获取。可用选项包括:normalize: boolean,指示在序列化之前是否对该对象进行规范化。默认值为true。removeEmptyFields: boolean,指示是否忽略对象的空字段。如果为true,对象的 空字段将在序列化之前被移除。默认值为falseconvertNaming: boolean,指示是否转换结果 JSON 字符串中对象属性的命名风格。默认值为false。sourceNamingStyle: string,源对象的命名风格,即调用toJSON()方法的对象。默认值为'LOWER_CAMEL'。targetNamingStyle: string,目标对象的命名风格,即toJSON()方法返回的 JSON 字符串中对象的命名风格。 默认值为'LOWER_UNDERSCORE'。space: string | number,用于在输出的 JSON 字符串中插入空白(包括缩进、换行符等)。 如果是数字,表示使用的空格字符数,最多为 10(任何大于 10 的值都视为 10)。值小于 1 表示不使用空白。 如果是字符串,则字符串(或前 10 个字符,如果字符串长度超过 10 个字符)将插入到每个嵌套对象或数组之前。 如果此参数不是字符串或数字(可以是原始类型或包装对象)——例如null或未提供——则不使用任何空白。 此选项的默认值为null。
- 返回值:
string:从该对象序列化得到的 JSON 字符串,类似于JSON.stringify(),但此函数提供了额外的字符串化选项。
此函数将该对象序列化为 JSON 字符串。
注意:此方法支持原生 bigint 值。例如,bigint 值 9223372036854775807n 将被序列化为 9223372036854775807。
类方法:Class.create(obj, options = undefined)
- 参数:
obj: object:用于创建新实例的数据对象。options: null|undefined|object:用于赋值的额外选项。如果该参数为undefined或null,则使用默认选项。默认选项可通过调用DefaultOptions.get('assign')获取。 可用选项包括:normalize: boolean,指示在赋值后是否对该对象进行规范化。默认值为true。convertNaming: boolean,指示是否转换目标对象的命名风格。默认值为false。sourceNamingStyle: string,源对象的命名风格,即assign()方法的第一个参数。 默认值为'LOWER_UNDERSCORE'。targetNamingStyle: string,目标对象的命名风格,即调用assign()方法的对象。 默认值为'LOWER_CAMEL'。types: object,类字段类型的附加信息。此对象的键是目标对象字段或子字段的路径, 值是字段的类型,以类型的构造函数表示。默认值为{}。elementTypes: object,类字段元素类型的附加信息。此对象的键是目标对象字段 或子字段的路径,值是元素的类型,以类型的构造函数表示。默认值为{}。
- 返回值:
object | null:如果obj为undefined或null,则返回null;否则,返回一个新实例, 实例的字段使用obj中的数据初始化。
此函数根据数据对象创建指定类的实例,其字段会递归地使用 obj 中的属性进行初始化。注意,obj 可以与指定类有不同的原型。
类方法:Class.createArray(array, options = undefined)
- 参数:
array: object[]:用于创建新数组的数据对象数组。options: null|undefined|object:用于赋值的额外选项。如果该参数为undefined或null,则使用默认选项。默认选项可通过调用DefaultOptions.get('assign')获取。 可用选项包括:normalize: boolean,指示在赋值后是否对该对象进行规范化。默认值为true。convertNaming: boolean,指示是否转换目标对象的命名风格。默认值为false。sourceNamingStyle: string,源对象的命名风格,即assign()方法的第一个参数。 默认值为'LOWER_UNDERSCORE'。targetNamingStyle: string,目标对象的命名风格,即调用assign()方法的对象。 默认值为'LOWER_CAMEL'。types: object,类字段类型的附加信息。此对象的键是目标对象字段或子字段的路径, 值是字段的类型,以类型的构造函数表示。默认值为{}。elementTypes: object,类字段元素类型的附加信息。此对象的键是目标对象字段 或子字段的路径,值是元素的类型,以类型的构造函数表示。默认值为{}。
- 返回值:
object[] | null:如果array为undefined或null,则返回null;否则,返回一个包含指定类实例的新数组, 这些实例的字段由数组中的对应数据对象初始化。
此函数从数据对象数组创建指定类的实例数组。返回数组中的实例字段会递归地使用数组中对应数据对象的属性进行初始化。
注意,array 中的数据对象可以与指定类有不同的原型。
类方法:Class.createPage(page, options = undefined)
- 参数:
page: object:用于创建新的Page实例的分页数据对象。options: null|undefined|object:用于创建的附加选项。如果该参数为undefined或null,则使用默认选项。 默认选项可通过调用DefaultOptions.get('assign')获取。可用选项包括:normalize: boolean,指示在赋值后是否对该对象进行规范化。默认值为true。convertNaming: boolean,指示是否转换目标对象的命名风格。默认值为false。sourceNamingStyle: string,源对象的命名风格,即createPage()方法第一个参数content数组中的元素的命名风格。默认值为'LOWER_UNDERSCORE'。targetNamingStyle: string,目标对象的命名风格,即createPage()方法返回的Page对象中content数组中的元素的命名风格。默认值为'LOWER_CAMEL'。types: object,类字段类型的附加信息。此对象的键是目标对象字段或子字段的路径, 值是字段的类型,以类型的构造函数表示。默认值为{}。elementTypes: object,类字段元素类型的附加信息。此对象的键是目标对象字段 或子字段的路径,值是元素的类型,以类型的构造函数表示。默认值为{}。
- 返回值:
Page | null:如果page为undefined或null,则返回null;否则返回一个新的Page类实例, 其内容由分页数据对象page的内容初始化。
此函数创建一个 Page 对象,其内容由指定的分页数据对象初始化。通常,page 是通过 GET 方法从服务器获取的领域对象列表,
且对象应符合 Page 类的定义。此类方法返回一个新的 Page 对象,其中 content 属性是
createArray(page.content, options) 的结果,其他属性与 page 对象的属性一致。
如果 page 不是有效的 Page 对象,则返回 null。
类方法:Class.isNullishOrEmpty(obj)
- 参数:
obj: object:要检查的对象。
- 返回值:
boolean:指定对象是否为undefined、null或由默认值构造的空对象。
此函数检查指定对象是否为 undefined、null 或是由默认值构造的空对象。当且仅当对象的所有字段都具有默认值时,
该对象才被认为是空的。字段的默认值是类的默认构造实例中的字段值。此函数是一个便捷的方法,用于在处理空值时调用
Class.prototype.isEmpty()。
类方法:Class.parseJsonString(json, options = undefined)
- 参数:
json: string:要解析的 JSON 字符串。options: null|undefined|object:解析的附加选项。如果该参数为undefined或null,则使用默认选项。 默认选项可通过调用DefaultOptions.get('assign')获取。可用选项包括:normalize: boolean,指示在赋值后是否对该对象进行规范化。默认值为true。convertNaming: boolean,指示是否转换 JSON 字符串中对象属性的命名风格。默认值为false。sourceNamingStyle: string,源对象的命名风格,即 JSON 字符串中对象的命名风格。默认值为'LOWER_UNDERSCORE'。targetNamingStyle: string,目标对象的命名风格,即parseJsonString()方法返回的对象的命名风格。 默认值为'LOWER_CAMEL'。
- 返回值:
boolean:指定对象是否为undefined、null,或是由默认值构造的空对象。
此函数从 JSON 字符串中解析出当前类的对象。
注意:此方法支持超出 IEEE 754 整数精度的整数值。例如,整数值 9223372036854775807 将被解析为原生的
bigint 值 9223372036854775807n。
使用示例
以下是 @Model 装饰器的使用示例:
@Model
class Credential {
@Normalizable
@Validator(validateCredentialTypeField)
@Type(CredentialType)
@Label('证件类型')
type = 'IDENTITY_CARD';
@Normalizable(trimUppercaseString)
@Validator(validateCredentialNumberField)
@Label('证件号码')
number = '';
constructor(type = CredentialType.DEFAULT.value, number = '') {
this.type = type;
this.number = number;
}
isIdentityCard() {
return (this.type === 'IDENTITY_CARD');
}
}
@Model
class Person {
@Normalizable(trimString)
@Label('ID')
id = null;
@Normalizable(trimUppercaseString)
@Validator(validatePersonNameField)
@Label('姓名')
name = '';
@Normalizable
@DefaultValidator
@Type(Credential)
@Label('证件')
credential = null;
@Normalizable
@Validator(validatePersonGenderField)
@Type(Gender)
@Label('性别')
gender = '';
@Normalizable(trimString)
@Validator(validatePersonBirthdayField)
@Label('出生日期')
birthday = '';
@Normalizable(trimUppercaseString)
@Validator(validateMobileField)
@Label('手机号码')
mobile = '';
@Normalizable(trimString)
@Validator(validateEmailField)
@Label('电子邮件地址')
@Nullable
email = '';
equals(other) {
if (!(other instanceof PersonWithEquals)) {
return false;
}
if ((this.credential === null) || (other.credential === null)) {
return false;
}
return (this.credential.type === other.credential.type)
&& (this.credential.number === other.credential.number);
}
}应用 @Model 装饰器后,将自动添加以下方法:
Credential.prototype.assign(obj, options = undefined)Credential.prototype.clear()Credential.prototype.clone()Credential.prototype.isEmpty()Credential.prototype.equals(obj)Credential.prototype.normalize(fields)Credential.prototype.validate(fields, options)Credential.prototype.toJSON(key, options = undefined)Credential.prototype.toJsonString(options = undefined)Credential.create(obj, options = undefined)Credential.createArray(array, options = undefined)Credential.createPage(page, options = undefined)Credential.isNullishOrEmpty(obj)Credential.parseJsonString(json, options = undefined)Person.prototype.assign(obj, normalized)Person.prototype.clear()Person.prototype.clone()Person.prototype.isEmpty()Person.prototype.normalize(fields)Person.prototype.validate(fields, options)Person.prototype.generateId()Person.prototype.toJSON(key, options = undefined)Person.prototype.toJsonString(options = undefined)Person.create(obj, options = undefined)Person.createArray(array, options = undefined)Person.createPage(page, options = undefined)Person.isNullishOrEmpty(obj)Person.parseJsonString(json, options = undefined)
注意:
- 因为
Credential类没有id属性,@Model装饰器不会为其添加generateId()实例方法。 - 因为
Person类已经实现了Person.prototype.equals()方法,@Model装饰器不会覆盖该方法。
@Enum 装饰器
此装饰器用于装饰枚举类。
枚举字段
枚举类是一个类,其实例为枚举对象。枚举对象具有以下属性:
value:枚举对象的值,正是对应枚举类的静态字段的名称。name:枚举对象的显示名称,可以通过对应枚举类静态字段的默认字符串或对象值指定。如果未指定默认值,枚举对象的名称与其值相同。i18n:枚举对象的国际化(i18n)键,这是一个可选属性。可以通过对应枚举类静态字段的默认对象值指定。如果指定了该属性,name属性将会被转换为getter,用于从 i18n 资源包中获取枚举对象的国际化值。code:枚举对象的代码,这是一个可选属性。可以通过对应枚举类静态字段的默认对象值指定。- 其他属性:可以通过对应枚举类静态字段的默认对象值指定枚举对象的其他属性。
实例方法:Class.prototype.toString()
- 参数:无。
- 返回值:
string:该枚举对象的字符串表示形式,即枚举对象的value。
此函数返回该枚举对象的字符串表示形式,即该枚举对象的 value。
实例方法:Class.prototype.toJSON()
- 参数:无。
- 返回值:
string:该枚举对象的 JSON 表示形式,即枚举对象value的 JSON 字符串表示形式,即value的双引号字符串。
此函数返回该枚举对象的 JSON 表示形式。
类方法:Class.values()
- 参数:无。
- 返回值:
Class[]:该枚举类中所有枚举对象的数组。
此函数返回该枚举类中所有枚举对象的数组。
类方法:Class.ofValue(value)
- 参数:
value: string:要返回的枚举对象的值。请注意,此参数将被去除空格并转换为大写以获取实际的枚举对象值。
- 返回值:
Class:该枚举类中具有指定值的枚举对象,如果不存在这样的枚举对象,则返回undefined。
此函数返回具有指定值的枚举对象。
类方法:Class.hasValue(value)
- 参数:
value: string:要测试的枚举对象的值。请注意,此参数将被去除空格并转换为大写以获取实际的枚举对象值。
- 返回值:
boolean:如果该枚举类中存在具有指定值的枚举对象,返回true;否则返回false。
此函数用于测试是否存在具有指定值的枚举对象。
类方法:Class.ofName(name)
- 参数:
name: string:要返回的枚举对象的名称。
- 返回值:
Class:该枚举类中具有指定名称的枚举对象,如果不存在这样的枚举对象,则返回undefined。
此函数返回具有指定名称的枚举对象。
类方法:Class.hasName(name)
- 参数:
name: string:要测试的枚举对象的名称。
- 返回值:
boolean:如果该枚举类中存在具有指定名称的枚举对象,返回true;否则返回false。
此函数用于测试是否存在具有指定名称的枚举对象。
类方法:Class.ofCode(code)
- 参数:
code: string:要返回的枚举对象的代码。
- 返回值:
Class:该枚举类中具有指定代码的枚举对象,如果不存在这样的枚举对象,则返回undefined。
此函数返回具有指定代码的枚举对象。
类方法:Class.hasCode(code)
- 参数:
code: string:要测试的枚举对象的代码。
- 返回值:
boolean:如果该枚举类中存在具有指定代码的枚举对象,返回true;否则返回false。
此函数用于测试是否存在具有指定代码的枚举对象。
类方法:Class.of(expr)
- 参数:
expr: object | string:与要返回的枚举对象对应的表达式。该表达式可以是以下之一:- 该枚举类的一个枚举对象;
- 或该枚举类的一个枚举对象的值;
- 或该枚举类的一个枚举对象的名称;
- 或该枚举类的一个枚举对象的代码。
- 返回值:
Class:该枚举类中与指定表达式对应的枚举对象,如果不存在这样的枚举对象,则返回undefined。
此函数返回与指定表达式对应的枚举对象。
类方法:Class.has(expr)
- 参数:
expr: object | string:与要返回的枚举对象对应的表达式。该表达式可以是以下之一:- 该枚举类的一个枚举对象;
- 或该枚举类的一个枚举对象的值;
- 或该枚举类的一个枚举对象的名称;
- 或该枚举类的一个枚举对象的代码。
- 返回值:
boolean:如果该枚举类中存在与指定表达式对应的枚举对象,返回true;否则返回false。
此函数用于测试是否存在与指定表达式对应的枚举对象。
使用示例
@Enum
class Gender {
static MALE = 'Male';
static FEMALE = 'Female';
}以上代码等同于:
class Gender {
static MALE = Object.freeze(new Gender('MALE', 'Male'));
static FEMALE = Object.freeze(new Gender('FEMALE', 'Female'));
static values() {
return [Gender.MALE, Gender.FEMALE];
}
static ofValue(value) {
switch (value) {
case 'MALE':
return Gender.MALE;
case 'FEMALE':
return Gender.FEMALE;
default:
return undefined;
}
}
static hasValue(value) {
return Gender.ofValue(value) !== undefined;
}
static ofName(name) {
return Gender.values().find((e) => e.name === name);
}
static hasName(name) {
return Gender.ofName(name) !== undefined;
}
static ofCode(code) {
return Gender.values().find((e) => e.code === code);
}
static hasCode(code) {
return Gender.ofCode(code) !== undefined;
}
static of(expr) {
if (expr instanceof Gender) {
return expr;
} else {
return Gender.ofValue(expr) ?? Gender.ofName(expr) ?? Gender.ofCode(expr);
}
}
static has(expr) {
return Gender.of(expr) !== undefined;
}
constructor(value, name) {
this.value = value;
this.name = name;
}
toString() {
return this.value;
}
toJSON() {
return this.value;
}
}枚举类的静态字段还可以指定为对象。例如:
@Enum
class Gender {
static MALE = { name: 'Male', i18n: 'i18n.gender.male', code: '001', data: { value: 0 } };
static FEMALE = { name: 'Female', i18n: 'i18n.gender.female', code: '002', data: { value: 1 } };
}以上代码等同于:
class Gender {
static MALE = Object.freeze(new Gender('MALE', 'Male',
{ i18n: 'i18n.gender.male', code: '001', data: { value: 0 } }));
static FEMALE = Object.freeze(new Gender('FEMALE', 'Female',
{ i18n: 'i18n.gender.female', code: '002', data: { value: 1 } }));
constructor(value, name, payload) {
this.value = value;
this.name = name;
Object.assign(this, payload);
}
}请注意,上述 Gender 类中的枚举对象具有 code、i18n 和 data 属性。由于它具有指定枚举对象在资源包中的 i18n
键的 i18n 属性,因此枚举对象的 name 属性将会被转换为一个 getter,用于从 i18n 资源包中获取与 i18n 键对应的
i18n 值。
枚举对象也可以在没有默认值的情况下定义,例如:
@Enum
class Gender {
static MALE;
static FEMALE;
}以上代码等同于下述代码:
class Gender {
static MALE = Object.freeze(new Gender('MALE'));
static FEMALE = Object.freeze(new Gender('FEMALE'));
...
constructor(value) {
this.value = value;
this.name = value;
}
...
}也就是说,枚举对象的名称与其值完全相同。
DefaultOptions 类
DefaultOptions 类用于获取或设置此库中不同方面的默认选项。
该类访问一个内部的 Map 对象。该 Map 的键是各方面的名称,值是代表这些方面的默认选项的对象。
例如,使用 @Model 装饰的类的 assign() 方法的默认选项存储在键 assign 中。也就是说,
调用 DefaultOption.get('assign') 会返回 assign() 方法的默认选项对象。
程序可以通过 DefaultOptions.set('key', options) 方法更改默认选项。
当前支持以下方面:
assign:用于Class.prototype.assign()、Class.create()、Class.createArray()、Class.createPage()和Class.parseJsonString()方法的默认选项。toJSON:用于Class.prototype.toJSON()和Class.prototype.toJsonString()方法的默认选项。
类方法:DefaultOptions.get(aspect)
获取指定方面的默认选项。
该函数返回表示该方面默认选项的对象,如果该方面不存在,则返回 undefined。请注意,返回的对象是存储在内部 Map
中对象的深度克隆副本,因此对返回对象的修改 不会 影响内部 Map 中存储的默认选项。
import { DefaultOptions } from '@qubit-ltd/common-decorator';
const opt1 = DefaultOptions.get('assign');
expect(opt1.convertNaming).toBe(false);
opt1.convertNaming = true;
const opt2 = DefaultOptions.get('assign');
expect(opt2.convertNaming).toBe(false);类方法:DefaultOptions.set(aspect, options)
设置指定方面的默认选项。
此函数会将新选项合并到该方面的旧默认选项中。如果新选项中具有与内部 Map 中存储的旧默认选项相同的属性,
新选项的值将覆盖旧默认选项的值;否则,新属性将被添加到旧默认选项中。
import { DefaultOptions } from '@qubit-ltd/common-decorator';
const opt1 = DefaultOptions.get('assign');
expect(opt1.convertNaming).toBe(false);
DefaultOptions.set('assign', { convertNaming: true });
const opt2 = DefaultOptions.get('assign');
expect(opt2.convertNaming).toBe(true);
expect(opt1.convertNaming).toBe(false);类方法:DefaultOptions.merge(aspect, options)
获取指定方面的默认选项,并将提供的默认选项合并到返回的对象中。
注意: 此函数不会更改存储在内部 Map 中的默认选项,而是返回一个表示合并选项的新对象。
import { DefaultOptions } from '@qubit-ltd/common-decorator';
const opt1 = DefaultOptions.get('assign');
expect(opt1.convertNaming).toBe(false);
const opt2 = DefaultOptions.merge('assign', { convertNaming: true });
expect(opt2.convertNaming).toBe(true);
expect(opt1.convertNaming).toBe(false);配置
此库使用了最新的(截至2023年11月的)JavaScript 装饰器 stage 3 提案。因此,必须使用 @babel/plugin-transform-class-properties 和 @babel/plugin-proposal-decorators 插件配置 Babel。
注意: 为了支持2023年11月的 JavaScript 装饰器元数据 stage 3 提案,Babel 插件 @babel/plugin-proposal-decorators
的版本必须至少为 7.24.0。
使用 webpack 打包
- 安装依赖:
yarn add @qubit-ltd/common-decorator yarn add --dev @babel/core @babel/runtime @babel/preset-env yarn add --dev @babel/plugin-proposal-decorators @babel/plugin-transform-class-properties @babel/plugin-transform-runtime - 使用 @babel/plugin-transform-class-properties 和 @babel/plugin-proposal-decorators 插件配置 Babel:
{ "presets": [ "@babel/preset-env" ], "plugins": [ "@babel/plugin-transform-runtime", ["@babel/plugin-proposal-decorators", { "version": "2023-11" }], "@babel/plugin-transform-class-properties" ] }
使用 vite 打包
- 安装依赖:
yarn add @qubit-ltd/common-decorator yarn add --dev @babel/core @babel/runtime @babel/preset-env yarn add --dev @babel/plugin-proposal-decorators @babel/plugin-transform-class-properties @babel/plugin-transform-runtime - 使用 @babel/plugin-transform-class-properties 和 @babel/plugin-proposal-decorators 插件配置 Babel。
一个可能的 Babel 配置文件
babelrc.json如下:
注意: 使用 vite 打包时,确保将{ "presets": [ ["@babel/preset-env", { "modules": false }] ], "plugins": [ "@babel/plugin-transform-runtime", ["@babel/plugin-proposal-decorators", { "version": "2023-11" }], "@babel/plugin-transform-class-properties" ] }@babel/preset-env的modules参数设置为false。 - 通过修改
vite.config.js文件为 Babel 添加支持。一个可能的vite.config.js文件如下:
注意: 在上面的配置文件中,我们实现了一个简单的 vite 插件,使用 Babel 对 vite-plugin-vue 插件处理的代码进行转译。 虽然有一个 vite-plugin-babel 插件声称为 vite 添加 Babel 支持,但我们发现它未能正确处理 [vue] 单文件组件 (SFCs)。 经过仔细研究其源代码,我们确定为了实现正确的转译,需要在 vite-plugin-vue 处理代码之后应用 Babel。 因此,上述简单的插件功能足以满足我们的需求。作为替代方案,你也可以使用 我们的 vite-plugin-babel,以下是一个示例配置:import { fileURLToPath, URL } from 'node:url'; import { defineConfig } from 'vite'; import vue from '@vitejs/plugin-vue'; import * as babel from '@babel/core'; const babelPlugin = { name: 'plugin-babel', transform: (src, id) => { if (/\.(jsx?|vue)$/.test(id)) { return babel.transform(src, { filename: id, babelrc: true, }); } }, }; export default defineConfig({ plugins: [ vue({ script: { babelParserPlugins: ['decorators'], }, }), babelPlugin, ], resolve: { alias: { '@': fileURLToPath(new URL('./src', import.meta.url)), }, }, });import { fileURLToPath, URL } from 'node:url'; import { defineConfig } from 'vite'; import vue from '@vitejs/plugin-vue'; import babel from '@qubit-ltd/vite-plugin-babel'; export default defineConfig({ plugins: [ vue({ script: { babelParserPlugins: ['decorators'], // 必须启用 decorators 支持 }, }), babel(), ], resolve: { alias: { '@': fileURLToPath(new URL('./src', import.meta.url)), }, }, });
工具函数
本库提供了几个独立的工具函数,可以在不装饰类的情况下使用。
stringifyId(id)
- 参数:
id: string|number|bigint:要转换为字符串的ID。
- 返回值:
string:ID的字符串表示形式,如果ID为null或undefined,则返回空字符串。
此函数将ID转换为字符串表示形式。它处理不同类型的ID:
- 如果ID为
null或undefined,则返回空字符串。 - 如果ID已经是字符串,则按原样返回该字符串。
- 如果ID是数字或bigint,则将其转换为字符串。
- 如果ID是任何其他类型的对象,则将其序列化为JSON字符串。
import { stringifyId } from '@qubit-ltd/common-decorator';
stringifyId(123); // "123"
stringifyId("abc"); // "abc"
stringifyId(123456789012345678901n); // "123456789012345678901"
stringifyId(null); // ""
stringifyId(undefined); // ""
stringifyId({ id: 123 }); // '{"id":123}'toJSON(value, options)
- 参数:
value: any:要转换为可JSON序列化对象的值。options: null|undefined|object:序列化的附加选项。
- 返回值:
object:可以被JSON.stringify()序列化的普通JavaScript对象。
此函数将值转换为可以被JSON.stringify()序列化的对象。如果该值具有toJSON()方法,则将使用该方法来确定要序列化的数据。
可用选项包括:
normalize: boolean:是否在序列化前规范化对象(默认值:true)。removeEmptyFields: boolean:是否从对象中删除空字段(默认值:false)。convertNaming: boolean:是否将属性名转换为不同的命名风格(默认值:false)。sourceNamingStyle: string:源对象的命名风格(默认值:'LOWER_CAMEL')。targetNamingStyle: string:结果对象的命名风格(默认值:'LOWER_UNDERSCORE')。space: string|number:用于格式化的空白字符(默认值:null)。
import { toJSON } from '@qubit-ltd/common-decorator';
const user = {
firstName: 'John',
lastName: 'Doe',
age: 30,
toJSON() {
return {
fullName: `${this.firstName} ${this.lastName}`,
age: this.age,
};
},
};
// 使用对象的toJSON方法
const result = toJSON(user);
// { fullName: 'John Doe', age: 30 }
// 转换命名风格
const resultWithNaming = toJSON(user, {
convertNaming: true,
sourceNamingStyle: 'LOWER_CAMEL',
targetNamingStyle: 'LOWER_UNDERSCORE',
});
// { full_name: 'John Doe', age: 30 }toJsonString(obj, options)
- 参数:
obj: object:要序列化为JSON字符串的对象。options: null|undefined|object:序列化的附加选项。
- 返回值:
string:对象的JSON字符串表示形式。
此函数将对象序列化为具有附加选项的JSON字符串。它支持原生bigint值和其他自定义选项。
可用选项与toJSON()相同。
import { toJsonString } from '@qubit-ltd/common-decorator';
const user = {
firstName: 'John',
lastName: 'Doe',
age: 30,
};
// 基本序列化
const json = toJsonString(user);
// '{"firstName":"John","lastName":"Doe","age":30}'
// 带有命名风格转换的美化JSON
const prettyJson = toJsonString(user, {
convertNaming: true,
sourceNamingStyle: 'LOWER_CAMEL',
targetNamingStyle: 'LOWER_UNDERSCORE',
space: 2,
});
/*
{
"first_name": "John",
"last_name": "Doe",
"age": 30
}
*/
// 处理bigint值
const bigData = {
id: 9223372036854775807n,
name: 'Big Integer'
};
toJsonString(bigData);
// '{"id":9223372036854775807,"name":"Big Integer"}'hasOwnProperty(Class, field)
- 参数:
Class: function:要检查的类的构造函数。field: string:要检查的属性名称。
- 返回值:
boolean:仅当该属性由类直接定义(无论是在其原型上还是在默认实例上)而非从父类继承时,返回true。
此函数确定一个类是否直接拥有特定属性。与JavaScript内置的Object.prototype.hasOwnProperty不同,此函数接受类构造函数而非对象实例,同时检查原型和默认实例,并且只报告由类直接拥有的属性,而非那些从父类继承的属性。
import { hasOwnProperty } from '@qubit-ltd/common-decorator';
class Parent {
constructor() {
this.parentField = 'parent';
}
}
class Child extends Parent {
constructor() {
super();
this.childField = 'child';
}
}
hasOwnProperty(Child, 'childField'); // true
hasOwnProperty(Child, 'parentField'); // false (从Parent继承)hasOwnPrototypeFunction(Class, name)
- 参数:
Class: function:指定类的构造函数。name: string:指定原型函数的名称。
- 返回值:
boolean:当且仅当指定函数直接定义在类本身的原型上(不是从父类继承)时返回true。
此函数确定指定的原型函数是否直接定义在指定类的原型中(不是从父类继承)。它使用Object.prototype.hasOwnProperty来确保只考虑原型的"自有属性"。
import { hasOwnPrototypeFunction } from '@qubit-ltd/common-decorator';
class Parent {
parentMethod() { return 'parent'; }
}
class Child extends Parent {
childMethod() { return 'child'; }
}
hasOwnPrototypeFunction(Child, 'childMethod'); // true
hasOwnPrototypeFunction(Child, 'parentMethod'); // false (从Parent继承)hasPrototypeFunction(Class, name)
- 参数:
Class: function:指定类的构造函数。name: string:指定原型函数的名称。
- 返回值:
boolean:如果指定函数存在于类的原型链中的任何位置(无论是由类本身定义还是从父类继承),则返回true。
此函数确定指定的原型函数是否存在于指定类的原型链中的任何位置。它检查整个原型链,包括从父类继承的方法,使用Reflect.has()。
import { hasPrototypeFunction } from '@qubit-ltd/common-decorator';
class Parent {
parentMethod() { return 'parent'; }
}
class Child extends Parent {
childMethod() { return 'child'; }
}
hasPrototypeFunction(Child, 'childMethod'); // true
hasPrototypeFunction(Child, 'parentMethod'); // true (从Parent继承)getDefaultInstance(Class)
- 参数:
Class: function:指定类的构造函数。
- 返回值:
object:指定类的默认实例,如果不存在则创建一个新实例。
此函数获取指定类的默认实例,如果不存在则创建一个新实例。它被库的许多函数内部使用,以获取默认值。
import { getDefaultInstance } from '@qubit-ltd/common-decorator';
class User {
constructor() {
this.name = '';
this.age = 0;
}
}
const defaultUser = getDefaultInstance(User);
console.log(defaultUser.name); // ''
console.log(defaultUser.age); // 0getFieldType(Class, field, path, options)
- 参数:
Class: function:对象所属类的构造函数。field: string:字段的名称。path: string(可选):字段在原始根对象的属性树中的路径。options: object(可选):类型解析的附加选项。
- 返回值:
function|undefined:对象指定字段的类型,如果无法推断字段类型,则为undefined。
此函数获取对象指定字段的类型。它首先检查注解的类型信息,然后检查选项中的附加类型信息,最后尝试从默认字段值推断。
import { getFieldType } from '@qubit-ltd/common-decorator';
class Address {
constructor() {
this.street = '';
this.city = '';
}
}
class User {
constructor() {
this.name = '';
this.address = new Address();
}
}
const addressType = getFieldType(User, 'address');
console.log(addressType === Address); // truegetFieldElementType(Class, field, path, options)
- 参数:
Class: function:对象所属类的构造函数。field: string:字段的名称。path: string(可选):字段在原始根对象的属性树中的路径。options: object(可选):类型解析的附加选项。
- 返回值:
function|null:对象指定字段的元素类型,如果无法推断字段元素类型,则为null。
此函数获取对象字段的元素类型,特别适用于集合(数组、集合、映射)。它检查注解的元素类型信息,选项中的附加类型信息,并尝试从默认字段值推断。
import { getFieldElementType, ElementType } from '@qubit-ltd/common-decorator';
class Item {
constructor() {
this.id = 0;
this.name = '';
}
}
class Shop {
constructor() {
this.items = [];
}
}
// 使用装饰器指定元素类型
class DecoratedShop {
constructor() {
this.items = [];
}
}
ElementType(Item)(DecoratedShop, 'items');
console.log(getFieldElementType(DecoratedShop, 'items') === Item); // truegetSourceField(targetField, options)
- 参数:
targetField: string:目标对象的键。options: object:命名风格转换的选项。
- 返回值:
string:源对象的对应键。
此函数从目标对象的对应字段获取源对象的字段名称,支持不同命名规范(驼峰命名法、蛇形命名法等)之间的命名风格转换。
import { getSourceField } from '@qubit-ltd/common-decorator';
const options = {
convertNaming: true,
sourceNamingStyle: 'LOWER_UNDERSCORE',
targetNamingStyle: 'LOWER_CAMEL',
};
const sourceField = getSourceField('firstName', options);
console.log(sourceField); // 'first_name'最新更新
测试覆盖增强(2023年12月)
- 枚举克隆钩子测试:添加了全面的测试,验证枚举克隆钩子的行为,确保在克隆操作中正确处理枚举器对象。
- 字段验证覆盖:增强了字段验证的测试覆盖率,特别针对边缘情况,确保在所有场景下都能进行可靠的验证。
- 模型实现测试:为各种模型实现函数添加了额外的测试,以实现更高的代码覆盖率。
最新更新主要集中在提高测试覆盖率和可靠性,特别关注:
- 确保枚举器对象在克隆过程中保持单例模式
- 验证空字段的处理与适当的错误处理
- 验证模型实现函数在所有边缘情况下都能正常工作
贡献
如果你发现任何问题或有改进建议,请随时在 GitHub 仓库 上提交 issue 或 pull request。
许可证
@qubit-ltd/common-decorator 根据 Apache 2.0 许可证分发。详情请参阅 LICENSE 文件。
前后端数据转换示例
在实际项目中,前端与后端之间的数据交换是非常常见的场景。下面的示例展示了如何使用本库处理从RESTful接口获取的数据,以及如何将数据发送回后端。
完整示例
假设我们有一个电子商务应用,需要处理订单数据。后端API返回的数据是小写加下划线的命名风格(如order_id),而前端代码使用驼峰命名(如orderId)。同时,订单ID使用Java的Long类型(对JavaScript来说可能超出安全整数范围)。
首先,定义我们的领域模型:
import { Model, Type, ElementType, Normalizable, Validatable, NonEmpty, DefaultOptions } from '@qubit-ltd/common-decorator';
// 设置默认选项,处理命名风格转换
DefaultOptions.set('assign', {
normalize: true,
convertNaming: true,
sourceNamingStyle: 'LOWER_UNDERSCORE', // 后端返回的JSON数据格式
targetNamingStyle: 'LOWER_CAMEL' // 前端使用的格式
});
DefaultOptions.set('toJSON', {
normalize: true,
removeEmptyFields: true, // 自动删除空值属性
convertNaming: true,
sourceNamingStyle: 'LOWER_CAMEL', // 前端使用的格式
targetNamingStyle: 'LOWER_UNDERSCORE' // 发送到后端的格式
});
// 定义订单项模型
@Model
class OrderItem {
constructor() {
this.id = null; // Java Long类型,会自动转为BigInt
this.productId = null; // 前端使用驼峰命名,对应后端的product_id
this.productName = '';
this.quantity = 0;
this.unitPrice = 0;
}
@Normalizable
@Validatable
@Type(String)
get productName() {
return this._productName;
}
set productName(value) {
this._productName = value;
}
@Normalizable
@Validatable
@Type(Number)
get quantity() {
return this._quantity;
}
set quantity(value) {
this._quantity = value;
}
@Normalizable
@Validatable
@Type(Number)
get unitPrice() {
return this._unitPrice;
}
set unitPrice(value) {
this._unitPrice = value;
}
// 计算总价
getTotalPrice() {
return this.quantity * this.unitPrice;
}
}
// 定义订单模型
@Model
class Order {
constructor() {
this.id = null; // Java Long类型,会自动转为BigInt
this.orderNumber = ''; // 前端使用驼峰命名,对应后端的order_number
this.customerId = null;
this.customerName = '';
this.orderDate = null;
this.orderItems = []; // 订单项数组
this.totalAmount = 0;
this.status = '';
this.note = ''; // 可选字段,空值发送到后端时会被移除
}
@Normalizable
@Validatable
@NonEmpty
@Type(String)
get orderNumber() {
return this._orderNumber;
}
set orderNumber(value) {
this._orderNumber = value;
}
@Normalizable
@Validatable
@Type(String)
get customerName() {
return this._customerName;
}
set customerName(value) {
this._customerName = value;
}
@Normalizable
@Validatable
@Type(Date)
get orderDate() {
return this._orderDate;
}
set orderDate(value) {
this._orderDate = value;
}
@Normalizable
@Validatable
@ElementType(OrderItem)
get orderItems() {
return this._orderItems;
}
set orderItems(value) {
this._orderItems = value;
}
}
// 使用示例 - 从后端获取数据
async function fetchOrder(orderId) {
try {
// 假设这是从后端API获取的响应
const response = await fetch(`/api/orders/${orderId}`);
const data = await response.json();
// 数据示例(小写加下划线的命名风格)
// {
// "id": "9223372036854775807", // 注意:Java Long类型的最大值,超出JS Number安全范围
// "order_number": "ORD-2023-001",
// "customer_id": "5678",
// "customer_name": "张三",
// "order_date": "2023-08-15T14:30:00.000Z",
// "order_items": [
// {
// "id": "8345678912345678901", // 同样是大整数
// "product_id": "101",
// "product_name": "笔记本电脑",
// "quantity": 1,
// "unit_price": 6999
// },
// {
// "id": "8345678912345678902",
// "product_id": "202",
// "product_name": "无线鼠标",
// "quantity": 2,
// "unit_price": 129
// }
// ],
// "total_amount": 7257,
// "status": "PENDING",
// "note": null
// }
// 使用 Order.create() 创建领域对象,自动处理命名风格转换和大整数
const order = Order.create(data);
console.log(order.id); // 输出: 9223372036854775807n (BigInt类型)
console.log(order.orderNumber); // 输出: "ORD-2023-001" (已转换为驼峰命名)
console.log(order.orderItems[0].productName); // 输出: "笔记本电脑"
// 验证和规范化
order.normalize();
const validationResult = order.validate();
if (!validationResult.valid) {
console.error('订单数据验证失败:', validationResult.message);
}
return order;
} catch (error) {
console.error('获取订单失败:', error);
throw error;
}
}
// 将数据发送回后端
async function updateOrder(order) {
try {
// 使用toJSON将领域对象转换为普通JavaScript对象
// 自动处理: 1.命名风格转换 2.空值属性移除 3.BigInt转换
const orderData = order.toJSON();
// 转换后的数据格式示例:
// {
// "id": "9223372036854775807", // BigInt转为字符串,没有'n'后缀
// "order_number": "ORD-2023-001",
// "customer_id": "5678",
// "customer_name": "张三",
// "order_date": "2023-08-15T14:30:00.000Z",
// "order_items": [
// {
// "id": "8345678912345678901",
// "product_id": "101",
// "product_name": "笔记本电脑",
// "quantity": 1,
// "unit_price": 6999
// },
// // ...其他订单项
// ],
// "total_amount": 7257,
// "status": "PENDING"
// // 注意: note字段为null,已被自动移除
// }
const response = await fetch(`/api/orders/${order.id}`, {
method: 'PUT',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify(orderData) // 无需额外处理,已经是合适的格式
});
if (!response.ok) {
throw new Error(`更新订单失败: ${response.status}`);
}
return await response.json();
} catch (error) {
console.error('更新订单失败:', error);
throw error;
}
}
// 使用示例
async function example() {
// 获取订单数据并修改
const order = await fetchOrder('123');
order.status = 'COMPLETED';
order.note = ''; // 空字符串,在发送到后端时会被移除
// 为订单添加新项目
const newItem = new OrderItem();
newItem.productId = '303';
newItem.productName = '耳机';
newItem.quantity = 1;
newItem.unitPrice = 299;
order.orderItems.push(newItem);
// 重新计算总金额
order.totalAmount = order.orderItems.reduce(
(sum, item) => sum + item.getTotalPrice(), 0
);
// 将更新后的订单发送回后端
await updateOrder(order);
}
### 关键点说明
1. **命名风格自动转换**:
- 从后端获取的数据使用小写加下划线格式(如`order_number`)
- 前端领域对象使用驼峰命名格式(如`orderNumber`)
- 通过`DefaultOptions.set('assign', {...})`配置,`Model.create()`和`model.assign()`可以自动转换命名风格
- 通过`DefaultOptions.set('toJSON', {...})`配置,`model.toJSON()`可以自动将驼峰命名转回小写加下划线
2. **超大整数自动处理**:
- Java后端使用Long类型的ID(如`9223372036854775807`)超出了JavaScript的安全整数范围
- `Model.create()`和`model.assign()`自动将这些大整数转换为JavaScript的BigInt类型
- `model.toJSON()`自动将BigInt转换为正确的JSON格式(不带'n'后缀)
3. **空值属性自动处理**:
- 配置`removeEmptyFields: true`后,`model.toJSON()`会自动移除null、undefined和空字符串属性
- 在示例中,null和空字符串的'note'字段不会被发送到后端
4. **类型转换与验证**:
- 使用`@Type`和`@ElementType`装饰器确保类型安全
- 通过`model.normalize()`进行数据规范化
- 通过`model.validate()`验证数据完整性
这个完整示例展示了如何在实际应用场景中使用本库的特性,轻松处理前后端数据交换中的各种挑战。
## 高级用法
### 组合多个装饰器
您可以组合多个装饰器为类添加丰富的功能:
```javascript
import {
Model,
Type,
ElementType,
Normalizable,
Validatable,
NonEmpty
} from '@qubit-ltd/common-decorator';
@Model
class Product {
constructor() {
this.id = null;
this.name = '';
this.price = 0;
this.tags = [];
this.createdAt = null;
}
@NonEmpty
@Validatable
@Normalizable
@Type(String)
get name() {
return this._name;
}
set name(value) {
this._name = value;
}
@Validatable
@Normalizable
@Type(Number)
get price() {
return this._price;
}
set price(value) {
this._price = value;
}
@Normalizable
@ElementType(String)
get tags() {
return this._tags;
}
set tags(value) {
this._tags = value;
}
}
// 使用示例
const product = new Product();
product.assign({
name: ' 产品名称 ',
price: '99.99',
tags: ['标签1', 2, '标签3']
});
// 规范化后,product.name 将被去除空格,
// product.price 将转为数字类型,
// product.tags 中的所有元素都将转为字符串
product.normalize();
console.log(product.validate()); // 检查 name 是否非空以及所有类型是否匹配自定义验证和规范化
您可以实现自定义的验证和规范化逻辑:
import { Model, Normalizable, Validatable } from '@qubit-ltd/common-decorator';
@Model
class EmailSubscription {
constructor() {
this.email = '';
this.subscribed = false;
}
@Normalizable((value) => {
// 自定义规范化器,将邮箱转为小写并去除空格
return typeof value === 'string' ? value.toLowerCase().trim() : value;
})
@Validatable((value) => {
// 自定义验证器,检查邮箱是否有效
if (typeof value !== 'string' || !value.includes('@')) {
return {
valid: false,
message: '无效的电子邮件地址',
};
}
return { valid: true };
})
get email() {
return this._email;
}
set email(value) {
this._email = value;
}
}