javascript - 将 javascript 类实例限制为特定属性

Question

我想定义一个类的结构，如果用户试图使用类中未定义的属性在我的一个对象实例上设置属性，则抛出错误。

例如，假设我有以下类(class):

class MyClass {
  constructor() {
    this.propertyA = 'A value';
    this.propertyB = 'Another value';
  }
}

然后当用户修改对象实例时...

let myInstance = new MyClass();
myInstance.propertyA = 'a new value'; // would work fine
myInstance.propertyC = 'unknown property value'; // throw exception

这可能吗？ seal关键字似乎接近我想要的。它会阻止添加新属性，但我想抛出异常以防用户输入有效的属性名称。

更新:在严格模式下使用 Object.preventExtensions、Object.seal 或 Object.freeze 将不存在的属性分配给对象。

Answer 1

您可以使用 Proxy 拦截新属性添加并阻止定义新属性:

class MyClass {
  constructor() {
    this.propertyA = 'A value';
    this.propertyB = 'Another value';
    return new Proxy(this, {
      get: (_, prop) => this[prop],
      set: (_, prop, value) => {
        if (!(prop in this)) throw new Error('Prop does not exist!');
        this[prop] = value;
      }
    });
  }
}

let myInstance = new MyClass();
myInstance.propertyA = 'a new value'; // would work fine
console.log('about to set propertyC:');
myInstance.propertyC = 'unknown property value'; // throw exception

防止添加新属性的更简洁的方法是使用 Object.preventExtensions()。尝试添加新属性将在严格模式下抛出错误:

'use strict';
class MyClass {
  constructor() {
    this.propertyA = 'A value';
    this.propertyB = 'Another value';
    Object.preventExtensions(this);
  }
}

let myInstance = new MyClass();
myInstance.propertyA = 'a new value';
console.log('About to add propertyC');
myInstance.propertyC = 'unknown property value';