ESLint Plugin Perfectionist 中 sort-classes 规则的箭头函数属性调用检测问题

在 JavaScript/TypeScript 类定义中，成员属性的顺序有时会影响到代码的可读性和维护性。ESLint Plugin Perfectionist 项目中的 sort-classes 规则旨在帮助开发者保持类成员的有序排列，但在处理箭头函数属性调用时存在一个值得注意的检测问题。

问题背景

当类中包含箭头函数形式的属性时，sort-classes 规则有时会错误地判断属性之间的依赖关系。具体表现为：

1. 对于箭头函数属性被其他属性调用的情况，规则会错误地要求调整顺序
2. 对于常规方法被其他属性调用的情况，规则能正确识别依赖关系

问题示例分析

// 情况一：箭头函数属性
class Class {
  b = () => {  // 箭头函数属性
    return 1
  }
  a = this.b() // 依赖b的属性
}

在这种情况下，sort-classes 规则会错误地认为 a 应该出现在 b 之前，而实际上由于 a 依赖于 b 的调用，正确的顺序应该是保持现状。

// 情况二：常规方法
class Class {
  a = this.b() // 依赖b的属性
  b() {        // 常规方法
    return 1
  }
}

这个例子中规则表现正常，能够正确识别 a 对 b 的依赖关系，不会要求调整顺序。

技术原因分析

这种差异源于规则对类成员类型的识别逻辑：

1. 对于常规方法(b() {})，规则能够正确解析方法调用依赖
2. 对于箭头函数属性(b = () => {})，规则未能将其识别为可被调用的方法
3. 属性初始化表达式中的调用关系(this.b())未被完整分析

解决方案

该问题已在项目的最新版本(v3.4.0)中得到修复。修复方案主要涉及：

1. 增强对箭头函数属性的识别能力
2. 完善属性初始化表达式的依赖分析
3. 统一处理各类可调用成员(方法、箭头函数属性等)的依赖关系

最佳实践建议

在使用类属性时，开发者可以考虑以下建议：

1. 对于会被其他属性调用的方法，优先使用常规方法定义而非箭头函数
2. 如果必须使用箭头函数属性，确保依赖关系明确
3. 保持类成员的有序排列，将依赖其他成员的属性放在后面
4. 及时更新 ESLint 插件版本以获取最新的规则修复

通过理解这个问题的本质，开发者可以更好地组织类结构，编写出更清晰、更易维护的代码。