ecmascript-6 - 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'