名前で関数ディスクリプタを取得します。

Question

文字列として定義した関数名にイベントをフックアップするにはどうすればよいですか？私はこの[funcName]を試してみましたが、エラーになります： "型にインデックスシグネチャがありません"？

現在のクラスの代理人を名前で取得するには、この代わりに[someData [key]]が必要です。

テストコードサンプル：

<div data-eventclick='ClickHandler' /> 
... 
public someFunction(domContex: HTMLElement) { 
    let someData = domContext.dataset; 
    someData.filter(key => string.prototype.startsWith("event")) 
      .foreach(key => domContext.bind(key.substr(5), this[someData[key]]); 
} 

// It's can be as the result of this[someData[key]] 
public ClickHandler() { 
    ... 
} 

Answer 1

あなたのクラスへのインデックス署名を追加することができます

class YourClass { 
    [key: string]: Function; 

    public someFunction(domContex: HTMLElement) { 
     let someData = domContext.dataset; 
     someData.filter(key => string.prototype.startsWith("event")) 
      .foreach(key => domContext.bind(key.substr(5), this[someData[key]]); 
    } 
} 

をしかし、これはあなたが他の性質を持つことができないので、機能するすべてのクラスのメンバーを強制します。

---

それとも、ただあなただけのいずれかにthisをキャストすることができます型チェックをバイパスして機能にアクセスしたい場合。あなたはanyにキャスト一度あなたがチェック任意の型を失うことに注意してください：

(this as any)[someData[key]]()