Phaser 3游戏中随机播放音频片段的实现问题求助

嘿，我懂你的困扰——你想在触发事件时随机播放这些女妖音效，但直接通过字符串拼接得到的只是变量名的文本，不是实际的Phaser音频实例，所以才会报错说play()不是函数对吧？不用一堆if或者循环，这里有两个更简洁的方案：

方案1：用数组存储音频实例（最推荐） #

把所有创建好的音频实例放进一个数组里，之后直接随机选取数组索引来播放，这是最直观也最易维护的方式：

// 初始化时，把所有女妖音效存入数组
const bansheeSounds = [
  this.sound.add('audioBanshee0', { volume: 0.5 }),
  this.sound.add('audioBanshee1', { volume: 0.5 }),
  this.sound.add('audioBanshee2', { volume: 0.5 }),
  this.sound.add('audioBanshee3', { volume: 0.5 }),
  this.sound.add('audioBanshee4', { volume: 0.5 })
];

// 当需要播放随机音效时
const randomIndex = Phaser.Math.Between(0, bansheeSounds.length - 1);
bansheeSounds[randomIndex].play();

这里用Phaser自带的Phaser.Math.Between()方法比原生Math.random()更省心，它会直接返回指定范围内的整数索引，不用自己做取整计算。而且后续如果要新增音效，只需要往数组里加一行就行，维护成本很低。

方案2：用对象映射已有的音频变量 #

如果你已经单独创建了audioBanshee0到audioBanshee4这些变量，不想重构初始化代码，可以把它们放进一个对象里，通过字符串键名来获取对应的音频实例：

// 把已有的音频实例映射到对象中
const bansheeSoundMap = {
  audioBanshee0: audioBanshee0,
  audioBanshee1: audioBanshee1,
  audioBanshee2: audioBanshee2,
  audioBanshee3: audioBanshee3,
  audioBanshee4: audioBanshee4
};

// 生成随机键名并播放
const randomKey = `audioBanshee${Math.floor(Math.random() * 5)}`;
bansheeSoundMap[randomKey].play();

这个方案不用修改你之前创建音频变量的代码，只是把它们统一存到对象里，通过你原本想拼接的字符串作为键来访问实际的音频对象，完美解决了之前字符串无法调用方法的问题。

为什么你原来的代码会报错？ #

你之前拼接出来的audioBansheeScreech只是一个字符串（比如"audioBanshee2"），它仅仅是你音频变量的名字，并不是那个变量本身。只有实际的Phaser音频实例才有play()方法，所以直接调用字符串的play()自然会报错啦。

内容的提问来源于stack exchange，提问作者Steve Qsack