代理无法在扩展类中获取方法

时间:2017-12-19 02:18:55

标签: javascript typescript ecmascript-6 es6-proxy

我正在尝试使用Proxy,我遇到了问题。我有一个类似的课程:

export class Builder {
    public doSomething(...args: (string | number | Raw | Object)[]): this {
        // Do stuff
        return this
    }
}

export class ModelBase extends Builder {
    protected _items = {}
}

export class Model extends ModelBase {

    public constructor(options?: ModelSettings) {
      super(options)
      return new Proxy(this, {
        get: function (target, property) {
          return target._items[property] || target
        }
      })
    }

    public static create() {
        return new this()
    }

}

然后我像这样扩展Model

export class MyClass extends Model {

    public constructor() {
        super({/* Some options go here */})
        // Do some stuff
    }

    public static getItems() {
        let t = this.create()
        t.doSomething()
    }

}

然后我调用getItems()来创建一个类的实例。

MyClass.getItems()

当我运行时,我收到错误:

  

TypeError:t.doSomething不是函数

doSomething()位于班级ModelBase内。如果我评论Proxy事情像往常一样工作。所以,我想知道为什么我无法访问父类。

1 个答案:

答案 0 :(得分:2)

您的代理正在尝试查找target._items.doSomething,但这不存在。 target.doSomething确实存在,但并不是在寻找。结果,它回退到返回target,这是整个对象。对象不是函数,而是错误。

至于如何解决这个问题,这取决于您尝试使用代理实现的目标。如果代理应该注意一组有限的属性,您可以明确地检查这些属性。或者更一般地,您可以检查target[property]是否存在,然后回退到target._items[property],然后再回到target。同样,这取决于你想要实现的目标。