mobx 的 action 里，为什么不能使用 this？

Question

如图所示，在 action 中使用 this 只能获取值，不能修改值
使用 this 进行修改报错

但是用 @action.bound 就可以使用 this 来修改值了，这是为什么？

Answer 1

action 装饰器/函数遵循 javascript 中标准的绑定规则。 但是，Mobx 3引入了 action.bound 来自动地将动作绑定到目标对象。 注意，与 action 不同的是，(@)action.bound 不需要一个name参数，名称将始终基于动作绑定的属性

所有的属性都是惰性定义的，直到它们中任何一个属性被访问。在此之前，它们只是定义在类的原型上

参考mobx文档

Answer 2

这个和react中需要手动绑定this类似，如果想要直接使用的this的话，可以和react一样使用箭头函数：

@action updateCount = () => {
        this.count = this.count + 1;
    }