TypeScript类中引用同名命名空间下的类型有没有省略前缀的写法?
TypeScript 省略命名空间类型前缀的实现方案
共有三种常见的实现方式,都不会破坏原有模块的对外导出逻辑:
方案1:为命名空间内的类型定义本地别名
这是成本最低的实现方式,直接在类定义前为需要用到的类型定义模块内的别名即可:
// 模块作用域顶部提前定义类型别名 type SomeTypeUsedLater = SomeVeryLongClassName.SomeTypeUsedLater; type SomeOtherTypeUsedLater = SomeVeryLongClassName.SomeOtherTypeUsedLater; class SomeVeryLongClassName { private someThing: SomeTypeUsedLater; private someThingElse: SomeOtherTypeUsedLater; constructor(thing: SomeTypeUsedLater, otherThing: SomeOtherTypeUsedLater) { this.someThing = thing; this.someThingElse = otherThing; } /* ... */ }
方案2:调整类型定义位置到模块顶层
如果不想维护单独的类型别名,可以把类型定义从命名空间中移到模块顶层,再反向挂载到命名空间中保证对外使用逻辑不变:
// 模块顶层直接定义类型 type SomeTypeUsedLater = (a: string, b: number) => Promise<Array<boolean>>; type SomeOtherTypeUsedLater = { c: SomeTypeUsedLater, d: number }; class SomeVeryLongClassName { private someThing: SomeTypeUsedLater; private someThingElse: SomeOtherTypeUsedLater; constructor(thing: SomeTypeUsedLater, otherThing: SomeOtherTypeUsedLater) { this.someThing = thing; this.someThingElse = otherThing; } /* ... */ } // 把类型挂载到命名空间,保持对外导出逻辑和原有完全一致 namespace SomeVeryLongClassName { export type SomeTypeUsedLater = SomeTypeUsedLater; export type SomeOtherTypeUsedLater = SomeOtherTypeUsedLater; } export = SomeVeryLongClassName;
外部使用者仍然可以按照原有写法SomeVeryLongClassName.SomeTypeUsedLater调用类型,无破坏性变更。
方案3:为命名空间定义短别名
如果命名空间内导出的类型较多,逐个定义别名太繁琐,可以直接给命名空间本身起短前缀:
// 给长命名空间定义短别名 import type NS = SomeVeryLongClassName; class SomeVeryLongClassName { private someThing: NS.SomeTypeUsedLater; private someThingElse: NS.SomeOtherTypeUsedLater; constructor(thing: NS.SomeTypeUsedLater, otherThing: NS.SomeOtherTypeUsedLater) { this.someThing = thing; this.someThingElse = otherThing; } /* ... */ }
这种方式只需要定义一次别名,就能缩短所有类型的前缀长度。
内容的提问来源于stack exchange,提问作者Archimaredes
相关产品推荐
相关产品推荐

