Typescriptでanyを使用しない記法について

Question

React + fluxを使用したサイトを作成しようとしているのですが、
flux actionの部分において適切な型定義の仕方がわかりません。

const actions: { [key: string]: (...args: Array<any>) => void } = {
  hoge: (hoge: string): void => {
    hogeDispatcher.dispatch({
      type: HOGE_TYPE,
      payload: {
        hoge
      }
    });
  }
};

actionsには今後複数の関数が追加される予定です。ここで懸念しているのが、それぞれの関数には引数の数や型が異なるためanyとしています点です。

ここで質問ですがanyを記述しない記法について案をいただけますでしょうか

Answer 1

それぞれの関数の引数はaction.payloadのプロパティのみをを取ることができるように使用を変更することで以下のような実装を行いました。

  [key: string]: <K extends keyof Payload>(...args: Array<Exclude<Payload[K], undefined>>) => void;

結果、any型を避けることができました。

Answer 2

そうするのが一般的かは分からないですが、

• & でつなげると複数の型を指定できたと思います
• 1個1個が長くなると思うので type で定義するとか

Comments

[Leonhqrt]

回答していただきありがとうございます。
自己解決することができました。