类的装饰器执行时机
接上文,我们引出了 TypeScript 类的装饰器后,接下来,去挖掘下它的特性
PS:上文,TypeScript: 类的装饰器(一)
先写一小段类的装饰器的代码:
function addDecorator(constructor: any) {
console.log("add decorator");
}
@addDecorator
class Test {}
const t: Test = new Test();
此时运行:npm run dev
那么,我们在加多一个Test的实例:
function addDecorator(constructor: any) {
console.log("add decorator");
}
@addDecorator
class Test {}
const t: Test = new Test();
const t1: Test = new Test();
此时运行:npm run dev
是不是,类的装饰器只会在第一个实例化后执行一次?我们把Test类的实例去掉,代码变为如下:
function addDecorator(constructor: any) {
console.log("add decorator");
}
@addDecorator
class Test {}
此时运行:npm run dev
由此可见,类的装饰器执行和实例化无关,它在程序编译的时候就运行了
类的装饰器执行顺序
我们再加一个装饰器,代码变为如下:
function addDecorator(constructor: any) {
console.log("add decorator");
}
function addNextDecorator(constructor: any) {
console.log("add next decorator");
}
@addDecorator
@addNextDecorator
class Test {}
此时运行:npm run dev
由此可见,多个类的装饰器执行顺序是由下到上,或着说离类最近的装饰器最先执行
原文链接