15、MobX 内部原理深度解析

MobX 内部原理深度解析

1. ComputedValue 特性

1.1 只读特性

ComputedValue 通常是只读的，因为它的 setter 没有明确的定义。它不依赖于 Atom，在reportObserved()方法上采用了不同的实现方式，建立了可观察对象和观察者之间的联系，这与 Atom 内部的行为一致。以购物车描述为例，它是一个从其他可观察对象（如商品和优惠券）生成字符串的计算值，为其设置 setter 几乎是不可能的，因为需要解析字符串并得到商品和优惠券的值。所以，一般将 ComputedValue 视为只读的可观察对象。

1.2 依赖计算

ComputedValue 的值计算是依赖于其他可观察对象的副作用，MobX 将这种计算称为派生（derivation）。它是依赖的可观察对象发生变化时的结果。ComputedValue 是依赖树中唯一既是可观察对象又是观察者的节点，它的值是可观察的，同时由于依赖其他可观察对象，它也是一个观察者。具体关系如下：
| 类型 | 特点 |
| ---- | ---- |
| ObservableValue | 仅为可观察对象 |
| Reaction | 仅为观察者 |
| ComputedValue | 既是可观察对象又是观察者 |

1.3 高效计算

ComputedValue 的派生函数可能是一个开销较大的操作，因此 MobX 采用了一系列优化措施来实现懒加载：
- 除非明确请求或有依赖于该 ComputedValue 的反应，否则不会计算其值。当没有观察者时，