如何在 ES6 中强制执行严格的类模式

Question

我是 es6 新手，想知道这种方法是否可行。我不希望有人在我的对象上设置我不想要的属性。

export default class User {

static getMembers() {
    return ['username','email','fullname','birthdate'];
}

constructor(props) {
    Object.keys(props).forEach((p)=>{
        if (User.getMembers().includes(p)) this[p]=props[p]
    });
    Object.defineProperty(this,"username",{writable:false});
    Object.defineProperty(this,"email",{writable:false});
}

还有其他方法吗？

Answer 1

您的代码如图所示，您不能为username 或email 设置任何值。它们将始终为undefined，因为您已将它们设置为只读并且没有为它们分配值。您也没有做任何事情来阻止代码访问这些对象之一设置完全任意的属性：

let u = new User();
x.anythingIWant = 42;

如果您想阻止代码向对象添加属性，您可以使用Object.seal（参考：MDN，spec）来实现，这会阻止添加新属性并且无法重新定义现有属性。所以：

export default class User {
    constructor() {
        // ...create your desired properties

        // Seal the object
        Object.seal(this);
    }
}

如果您还想将username 和email 设为只读，您还需要包含您拥有的Object.defineProperty 调用（之前Object.seal）。只要确保你先给它们赋值，一旦你完成了defineProperty和Object.seal，你就不能再改变它们了。

我想我可能会稍微不同地使用该白名单属性数组，只需遍历数组即可。

所以：

export default class User {
    static getMembers() {
        return ['username','email','fullname','birthdate'];
    }

    constructor(props) {
        // Create the properties
        User.getMembers().forEach((name) => { this[name] = props[name]; });

        // Make sure username and email have a value, because we won't
        // be able to change it in a moment
        // ...

        // Make username and email read-only
        Object.defineProperty(this, "username", {writeable: false});
        Object.defineProperty(this, "email", {writeable: false});

        // Seal the object
        Object.seal(this);
    }
}