javascript - 修改对象属性时如何触发回调？

Question

如果我有这样的类(class):

class Myclass {
    constructor(){
        this.a = [];
        this.sum = 0;
    }

    update(){
       this.sum = this.a.reduce((a, b) => a + b, 0)
    }
}

我实例化类:

myClass = new Myclass();

我将一个数字附加到 a属性

myClass.a.push(1);
myClass.a.push(2);

如何在每次 a 时调用更新方法？属性被修改了？换句话说，当对象属性改变时如何触发回调？

Answer 1

添加将新项目推送到a的方法数组，例如:

class Myclass {
    constructor(){
        this.a = [];
        this.sum = 0;
    }

    update(){
       this.sum = this.a.reduce((a, b) => a + b, 0)
    }

    pushItem(val) {
        this.a.push(val);
        this.update();
    }

}

myClass = new Myclass();
myClass.pushItem(1);
myClass.pushItem(2);
console.log(myClass.sum);