从ES6类构造函数返回ES6代理

时间:2016-12-04 18:00:01

标签: javascript proxy es6-class es6-proxy

我希望用户只为对象设置特定属性,但同时应该从自定义类构造该对象。

例如

var row = new Row({
  name : 'John Doe',
  email : 'uhiwarale@gmail.com'
}, Schema);

row可以有方法。但是当用户尝试设置row.password时,不允许这样做。

实现此目的的一种方法是使用new Proxy代替new Row但是我们将放弃我们在Row课程中所做的所有酷事。我希望new Row返回一个代理对象,其this引用作为代理目标。

有人对此有任何想法吗?如果您知道mongoosemongoose是如何做到的?

3 个答案:

答案 0 :(得分:13)

如果确定代理发生,则限制设置功能的一种可能解决方案是返回ES6代理实例。

默认情况下,javascript中的构造函数会自动返回this对象,但您可以通过在this上实例化代理作为目标来定义并返回自定义行为。请记住,代理中的set方法应该返回一个布尔值。

  

MDN:set方法应该返回一个布尔值。返回true表示   这项任务成功了。如果set方法返回false,那么   赋值发生在严格模式代码中,将抛出TypeError。

class Row {
  constructor(entry) {
    // some stuff

    return new Proxy(this, {
      set(target, name, value) {
        let setables = ['name', 'email'];
        if (!setables.includes(name)) {
          throw new Error(`Cannot set the ${name} property`);
        } else {
          target[name] = value;
          return true;
        }
      }
    });
  }

  get name() {
    return this._name;
  }
  set name(name) {
    this._name = name.trim();
  }
  get email() {
    return this._email;
  }
  set email(email) {
    this._email = email.trim();
  }
}

因此,现在不允许根据代理设置非setable属性。

let row = new Row({
  name : 'John Doe',
  email : 'john@doe.com'
});

row.password = 'blahblahblah'; // Error: Cannot set the password property

也可以在get方法上使用自定义行为。

但是,请注意并注意覆盖返回到调用上下文的引用。

注意: 示例代码已经在Node v8.1.3和现代浏览器上进行了测试。

答案 1 :(得分:8)

您可以在不使用Proxies的情况下执行此操作。

在类构造函数中,您可以像这样定义密码属性:

constructor(options, schema) {
    this.name = options.name;
    this.email = options.email;
    Object.defineProperty(this, 'password', {
        configurable: false, // no re-configuring this.password
        enumerable: true, // this.password should show up in Object.keys(this)
        value: options.password, // set the value to options.password
        writable: false // no changing the value with this.password = ...
    });
    // whatever else you want to do with the Schema
}

您可以在MDN的Object.defineProperty()页面上找到有关如何使用此功能的更多信息。

答案 2 :(得分:0)

相关问题:

更多详情:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy

最初的想法是我需要一个课程,后来我意识到下面是我需要的:

const getObject = () => new Proxy({}, { get: (o, k) => k in o ? o[k] : 0 });

用法:

let o1 = getObject();
let o2 = getObject();