class - 在 TypeScript 的类中实现索引器

Question

目前是否可以在 TypeScript 中的类上实现索引器？

class MyCollection {
   [name: string]: MyType;       
}

这不编译。当然，我可以在接口上指定一个索引器，但是我需要这种类型的方法以及索引器，所以一个接口是不够的。

谢谢。

Answer 1

您不能使用索引器实现类。您可以创建一个接口，但该接口不能由类实现。它可以用纯 JavaScript 实现，您可以在接口上指定函数以及索引器：

class MyType {
    constructor(public someVal: string) {

    }
}

interface MyCollection {   
   [name: string]: MyType;
}

var collection: MyCollection = {};

collection['First'] = new MyType('Val');
collection['Second'] = new MyType('Another');

var a = collection['First'];

alert(a.someVal);

Answer 2

对于那些正在寻找答案的人来说，这是一个老问题：现在可以定义一个索引属性，例如：

let lookup : {[key:string]:AnyType};

密钥的签名必须是字符串或整数，请参阅：

www.typescriptlang.org 上的接口

Answer 3

无法在类中定义索引属性 getter/setter，但您可以使用Proxy以这样的方式“模拟”它：

class IndexedPropSample  {
  [name: string | symbol]: any;

  private static indexedHandler: ProxyHandler<IndexedPropSample> = {
    get(target, property) {
      return target[property];
    },
    set(target, property, value): boolean {
        target[property] = value;
        return true;
    }
  };

  constructor() {
      return new Proxy(this, IndexedPropSample.indexedHandler);
  }

  readIndexedProp = (prop: string | symbol): any => {
      return this[prop];
  }

}


var test = new IndexedPropSample();

test["propCustom"] = "valueCustom";

console.log(test["propCustom"]); // "valueCustom"
console.log(test.readIndexedProp("propCustom")); // "valueCustom"
console.log(test instanceof IndexedPropSample); // true
console.log(Object.keys(test)); // ["propCustom", "readIndexedProp"]

你可以在Typescript Playground中尝试一下