TypeScript接口有错误

Question

我有以下代码：

class Animal {
    name: string;
}
class Dog extends Animal {
    breed: string;
}

// Error: indexing with a 'string' will sometimes get you a Dog!
interface NotOkay {
    [x: number]: Animal;
    [x: string]: Dog;
}

为什么接口“ NotOkay”有错误。 但我尝试更改如下界面：

interface NotOkay {
        [x: string]: Animal;
        [x: number]: Dog;
    }

错误消失。

Answer 1

在JavaScript中（因此在TypeScript中），属性键被强制为string s。 因此，如果您使用number键访问属性，则实际上是在使用string键访问属性：

var obj = {3: 'a', four: 'b'};
console.log(obj['3']); // a
console.log(obj[3]); // a
console.log(obj[3] === obj['3']); // true

但是有些string键也不是number键：

console.log(obj['four']); // b

因此，TypeScript编译器强制要求，用于访问number键的返回值是用于访问string键的返回值的特殊情况。 例如，以下是可以的：

interface Okay {
  [x: string]: Animal;
  [x: number]: Dog;
}

每次您使用number键访问“ Okay时，实际上实际上也在使用string键来访问它。 而且由于每个number键属性都是Dog ，每个string键属性都是Animal ，所以这就是说：每次获得Dog时，实际上也就获得了Animal 。 这对于编译器是可验证的。 它知道Dog是Animal的子类，每只Dog都是Animal 。 所以TypeScript对Okay感到满意。

但是以下情况并不可行：

interface NotOkay {
  [x: number]: Animal;
  [x: string]: Dog;
}

每次您使用number键访问NotOkay时，实际上您实际上也在使用string键来访问它。 而且由于每个number键属性都是Animal ，每个string键属性都是Dog ，所以这就是说：每次获得Animal ，实际上也就得到了Dog 。 对于编译器而言，这不是可验证的。 并不是每个Animal都一定是Dog ，所以TypeScript 对 NotOkay 感到不满并抱怨。

希望能有所帮助。

Answer 2

您不是误解了索引签名吗？ 您究竟希望实现什么？

interface Okay {
    name: string
    size: number
    [propName: string]: any
}

这意味着Okay可以具有许多属性，包括Dog和Animal：

// o needs name and size and can have anything else optionally
let o:Okay = {name:'billy', size:2, dog:new Dog(), animal:new Animal()}