javascript - 保护 "private"类成员免遭修改

Question

我使用 getter 仅查看我的私有(private)属性(property)，但是当我使用 get 时，我也可以更改我的对象。我该怎么办？？

function Circle(radius = 1) {

    let number = radius;
    this.draw = ()=> number;

    let defaultLocation = {x: 0 , y: 0};

    Object.defineProperty(this,"defaultLocation",{
        get(){ return defaultLocation},

        // set(value) {
        //     if (!value.x || !value.y)
        //         throw new Error('invalid location.');
        //     defaultLocation = value;
        // }
    })
}
const another = new Circle(2);
another.defaultLocation.x = 100 ;
console.log(another);
console.log(another.defaultLocation);

Answer 1

您将返回一个对象 defaultLocation，它有 2 个属性:x 和 y。默认对象是可变的。使用 getter 返回对象不会使对象变得不可变。

您必须创建一个具有“不可变”属性的对象并返回该对象。

let defaultLocation = {};
Object.defineProperty(defaultLocation,"x", {
    value: 0,
});
Object.defineProperty(defaultLocation,"y", {
    value: 0,
});

Object.defineProperty(this,"defaultLocation",{
    get(){ return defaultLocation}
});

这样，您就无法使用 defaultLocation.x = 100; 等赋值来更改 defaultLocation.x 和 defaultLocation.y 值。这样，defaultLocation.x 仍将返回 0。

如果要修改属性，可以通过再次调用 defaultLocation 上的 Object.defineProperty 或使用另一个变量并修改该变量来实现:

// Method 1 (more verbose and less performant)
Object.defineProperty(defaultLocation,"x", {
    configurable: true,
    value: 0,
});
console.log(defaultLocation.x);
Object.defineProperty(defaultLocation,"x", {
    configurable: true,
    value: 10,
});
console.log(defaultLocation.x);

// Method 2
let _x = 0;
Object.defineProperty(defaultLocation,"x", {
    get: () => _x,
});
console.log(defaultLocation.x);
_x = 10;
console.log(defaultLocation.x);