MobX 中装饰器继承与计算属性的问题解析

MobX 是一个流行的状态管理库，它通过装饰器语法提供了便捷的响应式编程能力。然而，在最新版本中，开发者发现了一个关于装饰器继承与计算属性的重要问题。

问题现象

当开发者尝试在子类中重写父类的计算属性时，会出现循环检测错误。具体表现为：

class Store {
    @computed
    get getNumber() {
        return 1
    }
}

class SubStore extends Store {
    @computed
    override get getNumber() {
        return super.getNumber + 1
    }
}

执行上述代码时，MobX 会抛出"Cycle detected in computation"错误，表明检测到了计算循环。

技术背景

在 MobX 的实现中，计算属性(@computed)通过创建getter的代理来实现响应式。当子类尝试通过super访问父类的计算属性时，当前的实现会导致代理调用自身，形成无限递归。

解决方案分析

核心问题在于装饰器对super调用的处理。正确的实现应该：

1. 在创建计算属性代理时，保留对原始方法的引用
2. 当通过super调用时，应该调用原始方法而非代理方法
3. 确保响应式跟踪仍然正常工作

修复方案需要修改装饰器的实现逻辑，使其能够正确处理继承场景下的super调用。这涉及到对JavaScript原型链和装饰器行为的深入理解。

影响范围

这个问题会影响所有使用类继承并重写计算属性的场景。特别是在构建复杂的状态管理结构时，这种继承模式很常见。

最佳实践建议

在修复可用前，开发者可以采用以下临时解决方案：

1. 避免直接通过super调用计算属性
2. 将共享逻辑提取到普通方法中
3. 使用组合而非继承来共享行为

总结

MobX 的计算属性装饰器在继承场景下的行为需要特别注意。理解这个问题的本质有助于开发者更好地设计状态管理结构，避免潜在的问题。随着相关修复的推出，MobX 将能更完善地支持面向对象的编程模式。