Question

我还不熟悉Typescript，并且在定义一个简单数组时遇到麻烦。

我的目标是要建立一个数组，其中的键是一个字符串，其值是 Sound 类型。

我已经定义了这样的接口：

interface SoundsArrayType {
    [key: string]: Sound;
}

然后：

class SoundManager {
    private sounds: SoundsArrayType;

    constructor() {
      // error: Type 'undefined[]' is not assignable to type 'SoundsArrayType'.
      if(!this.sounds) this.sounds = [];
    }

    pauseAll() {
        for(let sound of this.sounds) {
            // error: Type 'SoundsArrayType' must have a '[Symbol.iterator]()' method that returns an iterator.
            sound.pause();
        }
    }
}

我不确定如何解决这些错误。我从Typescript网站上阅读了Interfaces page，但仍然遇到问题。

Answer 1

我的目标是要建立一个数组，其中的键是一个字符串，其值是Sound类型。

这可能是the Map type的好用法。

它在TypeScript中。

type Sound = {
    name: string;
};

const myMap = new Map<string, Sound>();
myMap.set('dog', { name: 'woof' });
myMap.set('cat', { name: 'meow' });
myMap.set('fox', { name: 'what does the fox say?!?!' });

此处使用的是JavaScript，无需进行类型检查。

const myMap = new Map();

myMap.set('dog', { name: 'woof' });
myMap.set('cat', { name: 'meow' });
myMap.set('fox', { name: 'what does the fox say?!?!' });

for (let value of myMap.values()) { 
    console.log(value.name);
}

for (let key of myMap.keys()) { 
    console.log(key);
}

for (let [key, value] of myMap) { 
    console.log(key + ':' + value.name);
}

Answer 2

interface Sounds { // It is not an array
    [key: string]: Sound;
}

然后：

class SoundManager {
    private sounds: Sounds = {}; // Just assign an empty object to it

    constructor() { }

    pauseAll() {
        for(let key of this.sounds.keys) {
            this.sounds[key].pause();
        }
    }
}

在Typescript中定义数组的接口

2 个答案: