typescript - 我可以定义一个具有索引签名的 Typescript 类吗？

Question

我有一个名为 IRawParams 的接口(interface)类型，它简单地指定了一个 string 键和 any 值。

interface IRawParams {
    [key: string]: any
}

我有一个类，ParamValues，它包含键/值之上的一些行为。我想指定 ParamValues 类实现 IRawParams 接口(interface)。

class ParamValues implements IRawParams {
    parseFromUrl(urlString: string) {
        Parser.parse(urlString).forEach(item => this[item.key] = item.val);
    }
}

// so I can do something like this
var params = new ParamValues();
params.parseFromUrl(url);
var userId = params.userId;

当我尝试这样做时，出现编译器错误:

error TS2420: Class 'ParamValues' incorrectly implements interface 'IRawParams'. Index signature is missing in type 'ParamValues'.

我能否让我的类实现 IRawParams 接口(interface)，或者让 Typescript 允许我的类的实例与索引类型 {[key: string]: any} 兼容？

Answer 1

要定义一个带有索引签名的类，只需在类中写入索引签名即可:

interface IRawParams {
    [key: string]: any
}

class Foo implements IRawParams {
    [k: string]: any;
}