2

考虑这段代码：

interface MyInterface {
  foo: string
  bar: string
  baz: string
}

const myObj: MyInterface = {
  foo: "foo",
  bar: "bar",
  baz: "baz"
};

Object.keys(myObj).forEach(obj => {
  obj = myObj[obj];
});

启用严格模式时出现此错误：TS7017：元素隐式具有“任何”类型，因为类型“MyInterface”没有索引签名。

最简单的解决方案似乎是：

interface MyInterface {
  [key: string]: string;
  foo: string
  bar: string
  baz: string
}

但是，这会为 MyInterface-objects 中的任何字符串属性打开。

然后我正在考虑使用映射类型：

type ValidEnteries = "foo" | "bar" | "baz";

type Alternative = {
  [key in ValidEnteries]: string
}

虽然这对我来说似乎是正确的，但原始问题返回时缺少索引签名。

有没有办法既拥有索引签名，又将对象限制为一定数量的属性？

4

1 回答 1

2

如果您只想获取接口的现有属性，则不需要索引签名。只要字符串是对象的已知键，您就可以使用字符串索引任何对象。所以这有效：

 myObj['bar'] // 'bar' can be checked as a key of MyInterface so it's ok

问题是Object.keys(myObj)返回string[]不Array<keyof T>。最简单的解决方案是使用类型断言让编译器知道返回的keys是一个键的数组MyInterface

Object.keys(myObj).forEach(obj => {
    let d = myObj[obj as keyof MyInterface];
});
// OR
(Object.keys(myObj) as Array<keyof MyInterface>).forEach(obj => {
    let d = myObj[obj];
});

或者，如果您对keys始终返回的函数感到满意，Array<keyof T>您可以扩展全局声明

declare global { /// Needed if you are in a module otherwise omit this and the closing }
    interface ObjectConstructor {
        keys<T extends object>(o: T) : Array<keyof T>
    }
}

// Now works without any extra casting 
Object.keys(myObj).forEach(obj => {
    let d = myObj[obj];
});
于 2018-06-26T06:59:51.423 回答