装饰器:
介绍:
装饰器是一种特殊类型的声明,它能够被附加到类声明,方法, 访问符,属性或参数上。
目前属于测试阶段,使用需在tsconfig.json里启用experimentalDecorators
装饰器:
@funtcionName
function funtcionName (target){ ... }
装饰器工厂:
装饰器工厂是一个返回值为函数的简单函数
装饰器组合:
装饰器执行顺序:
1.由上至下依次对装饰器表达式求值。
2.求值的结果会被当作函数,由下至上依次调用。
类装饰器:
类装饰器对应的函数会运行在类的构造函数之前,将被装饰类的构造函数作为参数传入
如果类装饰器返回了一个函数,这个函数会替代原来的构造函数
官方文档上的一个重载构造函数的例子
方法装饰器:
方法装饰器声明在在一个方法的声明之前(紧靠着方法声明)。 它会被应用到方法的属性描述符上,可以用来监视,修改或者替换方法定义
方法装饰器表达式会在运行时当作函数被调用,传入下列3个参数:
1.类的原型对象,如果是静态方法则为类的构造函数
2.方法名称
3.方法的属性描述符
常见的属性描述符:
ES5以上版本,函数装饰器如果有返回值,会直接替换成员函数的返回值
访问器装饰器:
访问器装饰器同方法装饰器。
这里注意:TypeScript不允许同时装饰一个成员的get和set访问器。取而代之的是,一个成员的所有装饰的必须应用在文档顺序的第一个访问器上。这是因为,在装饰器应用于一个属性描述符时,它联合了get和set访问器,而不是分开声明的。
属性装饰器:
属性装饰器表达式会在运行时当作函数被调用,传入下列2个参数:
1.对于静态成员来说是类的构造函数,对于实例成员是类的原型对象。
2.成员的名字。
参数装饰器:
参数装饰器表达式会在运行时当作函数被调用,传入下列3个参数:
1.对于静态成员来说是类的构造函数,对于实例成员是类的原型对象。
2.成员的名字。
3.参数在函数参数列表中的索引。
网友评论