ESLint Plugin Perfectionist 中类属性排序的模板字符串依赖检测问题解析

在 JavaScript/TypeScript 开发中，ESLint Plugin Perfectionist 是一个用于强制代码风格一致性的重要工具。其中 sort-classes 规则负责确保类属性按照特定顺序排列，但在处理模板字符串表达式时存在一个值得注意的技术问题。

当类属性中包含使用模板字符串引用其他属性的情况时，例如：

class ExampleClass {
  secondProperty = '';
  firstProperty = `${this.secondProperty}`;
}

该规则会错误地将这种代码结构标记为无效，而实际上这是完全合法的 JavaScript 语法。问题的本质在于规则引擎未能正确识别模板字符串表达式中的属性依赖关系。

模板字符串作为 ES6 的重要特性，允许嵌入表达式，这在类属性初始化中尤为常见。当 firstProperty 依赖于 secondProperty 时，从代码逻辑上讲，secondProperty 必须先于 firstProperty 声明，否则会导致引用错误。

该问题已在最新版本 v3.5.0 中得到修复。修复方案主要改进了依赖检测算法，使其能够：

1. 解析模板字符串中的表达式
2. 识别 this.property 形式的引用
3. 正确建立属性间的依赖关系图

对于开发者而言，这一修复意味着现在可以安全地使用模板字符串来初始化相互依赖的类属性，同时保持代码风格的整洁和一致性。这也体现了现代 JavaScript 工具链对新兴语法特性的持续适配过程。

在实际项目中，合理排序类属性不仅能提高代码可读性，还能避免潜在的初始化顺序问题，这正是 sort-classes 规则的价值所在。此次修复进一步增强了规则在实际开发场景中的适用性。