TypeScript装饰器依赖问题：多装饰器执行顺序冲突问询

这个问题我之前也碰到过，TypeScript装饰器的执行顺序确实容易让人踩坑，尤其是涉及依赖关系的时候。先帮你再理一遍官方定义的执行流程，这样你能更清楚问题出在哪：

单个声明上使用多个装饰器时，先从上到下计算每个装饰器的表达式，再从下到上调用计算得到的函数。

对应到你的代码：

@test()
@testCase({...})
public doSomething(): void { }

执行步骤是：

1. 先计算test()表达式，得到对应的装饰器函数；
2. 再计算testCase({...})表达式，得到对应的装饰器函数；
3. 先调用testCase的装饰器函数，再调用test的装饰器函数。

这就导致了你的问题：testCase需要test先把测试添加到运行器，但实际testCase先执行，依赖无法满足。

解决方案一：调整装饰器书写顺序 #

最直接的办法就是调换两个装饰器的位置，把需要先执行的test装饰器写在下方：

@testCase({/* 你的配置 */})
@test()
public doSomething(): void { }

这样调用顺序就变成先执行test的装饰器函数（完成测试添加），再执行testCase的装饰器函数（处理测试用例逻辑），完美满足依赖关系。

解决方案二：合并装饰器逻辑 #

如果不想依赖装饰器的书写顺序，或者希望逻辑更紧凑，可以把两个装饰器的逻辑合并成一个组合装饰器：

// 组合装饰器：先执行test的逻辑，再执行testCase的逻辑
function testWithCase(options: TestCaseOptions) {
  return function(target: any, propertyKey: string) {
    // 原test装饰器的逻辑：添加测试到运行器
    testRunner.addTest(target, propertyKey);
    // 原testCase装饰器的逻辑：处理测试用例
    const currentTest = testRunner.getTest(target, propertyKey);
    currentTest.addCase(options);
  }
}

使用时只需要加这一个装饰器即可：

@testWithCase({/* 你的配置 */})
public doSomething(): void { }

这种方式完全避免了顺序问题，逻辑也更清晰，适合装饰器之间有强依赖的场景。

额外提醒 #

如果你的装饰器涉及异步逻辑，那情况会更复杂，但从你的描述来看是同步依赖，上面两个方案完全能解决问题。

内容的提问来源于stack exchange，提问作者Matthew Layton