javascript - ( typescript )不在类实例的子属性上调用 Setter

Question

这是一个难题，我知道很多程序都会遇到这个问题(我将在最后详细说明)。 我想在 typescript 中创建一个自定义 setter ，但要设置的属性的数据类型不仅仅是数字、字符串、 bool 值，它实际上是一个类对象。这工作正常 - 但如果修改了类实例的属性，则不会调用 setter。这是这种情况的示例:

//This class contains two properties
class Point
{
    public x : number;
    public y : number;

    constructor(x : number, y : number) { this.x = x; this.y = 0; }
}

//How here is another class that contains a Point
//But it is private and a getter/setter is used
class PointStore
{
    private _foo : Point;

    public get foo() : Point { return this._foo; }

    //Here is the problem, the setter is only called when the whole of foo is changed
    public set foo(n : Point) { this._foo = n; console.log("Foo has been set!"); }

    constructor() { this._foo = new Point(0, 0); }
}

//Use case
let bar : PointStore = new PointStore();

bar.foo = new Point(10, 10); //Logs "Foo has been set!"
bar.foo.x = 20; //Doesn't log anything

---

这个例子中的问题已经很清楚了，但我只想说以下几点:

有什么办法吗？因为我从 Unity3D 等 API 中看到他们选择让他们的“Point”类只有私有(private)成员，所以数据只能通过构造函数设置例如:

//the 'Unity' solution
transform.position = new Vector2(10, 10); //Okay
transform.position.x = 20; //Error

但这根本不是问题的完美解决方案，因为从那时起使用“Point”类进行编程变得更加困难。

如果有人有解决这个问题的技巧，将不胜感激。

Answer 1

仅当您为属性赋值时才会使用 setter。避免这种情况的一种方法是使用 Object.assign，如下所示:

bar.foo = new Point(10, 10);
bar.foo = Object.assign(bar.foo, {x: 20})

你还可以更深入:

bar.foo = Object.assign(bar.foo, {x: {z: 20} })