TypeScript 親classに追加

Question

#質問内容
interfaceの使い方がよくわからない
#やりたいこと

export default class Scene1 {
  new Load(Sound.bgm);
}
export default class Load {
  constructor(bgm: Note) {
    new Scene2(bgm);
  }
}
export default class Scene2 {
  constructor(bgm: Note) {
    Scene2Manager.appendBoard(bgm);
  }
}
export default class Scene2Manager {
　private static boolNote: number[][] = [];
  public static appendBoard(bgm: Note) {
    this.controlGame(bgm);
  }
  private static controlGame(bgm: Note) {
    this.boolNote = bgm.note;
  }
}

非常に長いコードですので関係のあるところのみ抜粋しました。
上のようにbgmを引っ張ってきてbgmに紐づけしたnoteをthis.boolNoteに入れたいです。
#コード

import PIXI_SOUND from 'pixi-sound';
import Note from './note';

export default class Sound {
  public static bgm: Note = PIXI_SOUND.Sound.from({ //error
    url: 'sounds/bgm.mp3',
    volume: 0.3,
    preload: true
  });
}

import PIXI_SOUND from 'pixi-sound';
import Sound from './sound';

export default interface Note extends PIXI_SOUND.Sound {
  note: number[][];
}
Sound.bgm.note = [[3, 0], [6, 1], [9, 2]]; //このように宣言したい

プロパティ 'note' は型 'Sound' にありませんが、型 'Note' では必須です。

#やったこと

import PIXI_SOUND from 'pixi-sound';
import Note from './note';

export default class Sound {
  public static bgm: Note = {
    url: 'sounds/bgm.mp3',
    volume: 0.3,
    preload: true,
    note: [[3, 0], [6, 1], [9, 2]]
  };
//このようにするとPIXI_SOUND.Soundの中身を全て宣言しなくてはならなくなる
}

Comments

[maisumakun]

「任意の変数」はどういった形で使われるのでしょうか？

[miyabi_pudding]

継承して、プロパティを追加する、ではダメなんでしょうか？

[jasmine-jp]

初学者なものでプロパティを追加できることを知りませんでした。プロパティを追加することで自分の実現したいことができると思います。内容を書き換えますので回答していただけると幸いです

[miyabi_pudding]

内容ガラッと変わっているし、よくわからないのですが・・・。
なんてエラーでているんですか？
エラー文の提示をお願いします。

[jasmine-jp]

プロパティはinterface以外でも追加できるのでしょうか？自分で調べた結果interfaceを使っています。

[Hogeike]

（これは回答のつもりではないのでこちらに書きますが）
単純にPIXI_SOUND.Sound.fromの返却値がPIXI.sound.Sound型で、Note型じゃないから起こっているのでは？
質問の意図を確認しますが、Note型にSoundを入れたいのではなく、noteというプロパティをSound型に追加したいという意味ですか？

[jasmine-jp]

noteをSound型にいれるとSound.noteとしかできないと自分は思っているんですがSound.bgm.noteとできるのでしょうか？

[Hogeike]

失礼、Sound.bgmいかにnoteですね
Sound:{
bgm:{
note: number:[][]
}
}
になればいいですか？

[jasmine-jp]

そうですね、そうできればうれしいです

Answer 1

できなかったので別のやり方にしました

Answer 2

まだ何のためにそれをしたいのかはわかりませんが、表題通りのことをやるのであればbgmを必須ではなくすことで型は解決できます。

export default interface Note extends PIXI_SOUND.Sound {
  note?: number[][];
}

-  note: number[][];
+  note?: number[][];

これをやったところで、bgmの中身はPIXI_SOUND.Sound型の各種パラメータとnote:undefinedが入るだけですがそれでも良ければ。

Comments

[jasmine-jp]

undefinedが型にあるとやりたいことができませんでした。
内容を書き換えますので回答いただけますと幸いです。