パラメータ内の型宣言型アサーション

Question

これまでのところ型付きが好きですが、型アサーションをたくさん行う必要があることがわかりました。たとえば、EventTargetをHTMLAnchorElementにキャストすることは、私の一般的な使用例です。しかし、私は次のようなものを使用する必要があることを取得する：

getTabID(eventTarget: EventTarget) : string { 
    // without the following variable, the compiler tells me that .hash 
    // is not a property of EventTarget, which according to the interface, it isn't. 
    // So thats fine, i'll cast it to an Element 
    let mEventTarget: HTMLAnchorElement = <HTMLAnchorElement>eventTarget 
    let mTabID: string 
    if(mEventTarget.hash){ 
     mTabID = mEventTarget.hash.split('#')[1] 
    } 
    return mTabID 
} 

しかし、これは私がJUSTタイプのアサーションを行うには、私の関数で変数を作成する必要がエラーをスローするようにコンパイラにしたくない場合はことを意味します。余計な入力は気にしませんが、これらもJSで終わり、jsファイルにバイトを無駄にしてしまいます。

私は次のことができるようにしたいと思います：

getTabID(eventTarget: EventTarget) : string { 
    let mTabID: string 
    // Do the type assertion in the parameter 
    if(<HTMLAnchorElement> eventTarget.hash){ 
     mTabID = mEventTarget.hash.split('#')[1] 
    } else { 
     mTabID = mEventTarget.dataset.tabId 
    } 
    return mTabID 
} 

私は、ドキュメント内の良好な外観を持っていたし、SOおよびこれを行うにはどのような方法を見つけるように見えることはできません。誰でもアイデアはありますか？

Answer 1

あなたは括弧でアサーションを囲むことにより、インラインタイプのアサーションを行うことができます。

if((<HTMLAnchorElement>eventTarget).hash) { 

また、あなたは、たとえば、型アサーションの必要性を防ぐために何ができるか表示される場合があります。

​​

最後に、例の1つにEventTargetとeventTargetを混ぜて、ケーシングに注意してください。

Answer 2

タイプガードを使用してこれを実装できます。

例は次のようになります。

function isAnchor(eventTarget: EventTarget): eventTarget is HTMLAnchorElement { 
    return (<HTMLAnchorElement>eventTarget).hash != undefined; 
} 


function getTabID(eventTarget: EventTarget): string { 
    let mTabID: string 
    // Do the type assertion in the parameter 
    if (isAnchor(eventTarget)) { 
    mTabID = eventTarget.hash.split('#')[1] 
    } else { 
    mTabID = eventTarget.dataset.tabId 
    } 
    return mTabID 
} 

注：私はデータセットはの一部だったが、あなたは同様にそれのための型ガードを作ることができますどのようなインタフェースを知りませんでした。

タイプガードの詳細については、ハンドブックhereを参照してください。