ES6 类实现类似数组的索引器

Question

我想实现索引器以从数据属性中获取元素，索引为 JavaScript 数组。我听说过 ES6 代理，但我无法在课堂上实现它。现在有可能还是我应该等待更多 ES7 的到来。

class Polygon {
    constructor() {
        this.data = new Set(arguments)
    }

    [Symbol.iterator](){
        return this.data[Symbol.iterator]()
    }

    add(vertex){
        this.data.add(vertex)
    }

    remove(vertex){
        this.data.delete(vertex)
    }

    get perimeter(){

    }

    get area(){

    }
}

let poly = new Polygon()
let first_vertex = poly[0]

Answer 1

AFAIK 没有关于“索引”到任意对象的建议，所以是的，你必须使用代理。

我无法真正对此进行测试，因为似乎没有环境同时支持类和代理，但理论上，您必须从构造函数返回新的代理对象。在 Chrome v52 中测试。

例子：

class Test {
  constructor(data) {
    let self = this;
    this.data = data;
    this.foo = 'bar';

    return new Proxy(this, {
      get(target, prop) {
        if (Number(prop) == prop && !(prop in target)) {
          return self.data[prop];
        }
        return target[prop];
      }
    });
  }
}

var test = new Test([1,2,3]);
console.log(test[0]); // should log 1
console.log(test.foo); // should log 'bar'