Question

我需要在我的课程中设置属性之前验证属性。我已经为类中的每个属性定义了setter方法，如下所示：

class SetterDemo {
    constructor(document) {
        this.document = {
            _type: 'SetterDemo'
        };
        this.document.prop1 = document.prop1;
    }
    get prop1() {
        return this.document.prop1;
    }
    set prop1(value) {
        //validating data. This is just an example. My validations will be a lot complex
        if (!value) {
            throw 'Invalid data';
        }
        this.document.prop1 = value;
    }
}

只要我这样做，这很有效：

let instance1 = new SetterDemo({prop1: 'abc'});
instance1.prop1 = null; //Throws error. Good. Just like I want it to.

但是当我这样做时：

let instance2 = new SetterDemo({prop1: null});

它正在创建一个实例而不会抛出错误。我希望它抛出一个错误，因为＆＃34; prop1＆＃34;是无效的。似乎prop1的setter方法没有在构造函数中被调用。有没有办法在构造函数中使用setter方法？或者有没有办法可以在我的setter方法和构造函数中使用常见的验证器函数？

注意：我尝试在我的类之外创建一些验证器函数，并在setter和构造函数中使用它们。这就像我想要的那样，但它似乎不是正确的方式。这是代码：

class SetterDemo {
    constructor(document) {
        this.document = {
            _type: 'SetterDemo'
        };
        if (!validateProp1(document.prop1)) {
            throw 'Invalid data';
        }

        this.document.prop1 = document.prop1;
    }
    get prop1() {
        return this.document.prop1;
    }
    set prop1(value) {
        if (!validateProp1(value)) {
            throw 'Invalid data';
        }
        this.document.prop1 = value;
    }
}

module.exports = SetterDemo;

// -- Private Functions -- //
//validator function for prop1
function validateProp1(value) {
    if (!value) {
        return false;
    } else {
        return true;
    }
}

Answer 1

问题在于这一行

this.document.prop1 = document.prop1;

需要改为

this.prop1 = document.prop1;

发生的事情是你绕过了构造函数中的setter。

es6类中的属性验证

1 个答案: