import "reflect-metadata";
// 基础
@Reflect.metadata("class", "value_test")
class Test {
@Reflect.metadata("field", "value_name")
name = "dottie";
@Reflect.metadata('method', "value_hi")
hi(): string {
return 'hi, today!'
}
}
console.log(Reflect.getMetadata('class', Test)); // value_test
console.log(Reflect.getMetadata('field', Test.prototype, 'name')); // value_name
console.log(Reflect.getMetadata('method', Test.prototype, "hi")); // value_hi
// 获取类型信息,返回值,参数等信息
function PropDeco(): PropertyDecorator {
return (target: any, key: any) => {
console.log(target); // SomeClass {}
const type = Reflect.getMetadata("design:type", target, key);
console.log(type.name); // String
}
}
class SomeClass {
@PropDeco()
public name!: string;
}
// 自定义 metadatakey
function Component(value?: string): ClassDecorator {
return (target: any) => {
Reflect.defineMetadata("component", value, target);
}
}
function Resource(value?: string): PropertyDecorator {
return (target: any, key: any) => {
Reflect.defineMetadata("field", value, target, key);
}
}
function Method(): MethodDecorator {
return (target: any, key: any, descriptor: any) => {
Reflect.defineMetadata('method', descriptor.value, target, key);
}
}
@Component("app")
class TestClass {
@Resource("这是姓名")
public name!: string;
@Method()
public hi():String {
return "hi!";
}
}
const cValue = Reflect.getMetadata('component', TestClass);
console.log(cValue); // app
const fValue = Reflect.getMetadata('field', TestClass.prototype, 'name');
console.log(fValue); // 这是姓名
const mValue = Reflect.getMetadata('method', TestClass.prototype, "hi");
console.log(mValue); // [Function]
console.log(mValue.call(null)) // hi!
装饰器基础(Typescript)
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 转发 TypeScript基础入门之装饰器(一) 介绍 随着TypeScript和ES6中Classes的引入,...
- 转载 TypeScript基础入门之装饰器(三) 继续上篇文章[TypeScript基础入门之装饰器(二)] 访...