Typescript： "this"のダウンキャストはできません

Question

次の例では、TypeScriptコンパイラはをから子に直接キャストできません。実際には、コメント付きの行に示されているように、中間変数tempまたはdouble castingを使用することは可能です。 バグですか？それとも論理的な説明がありますか？ playground

class Parent { 
     prop: string = null; 
     castToChild(): Child{ 
      let temp: Parent = this; 
      return this as Child; 
      //return temp as Child; 
      //return this as Parent as Child; 
     } 
    } 
    class Child extends Parent 
    { 
     otherProp: string = null; 
    } 

Answer 1

へのリンクあなたは直接コンパイラがParentインスタンスが本当にChildであることを知る方法がないという理由だけでChildにParentをキャストすることはできません。代わりに、キャストの型ガードを使用してください：警備ifコンパイラ内部

class Parent { 
    prop: string|null = null; 
    isChild(): this is Child { 
     return (this as any).otherProp !== undefined; 
    } 
} 
class Child extends Parent 
{ 
    otherProp: string|null = null; 
} 

function test(p: Parent) { 
    if (p.isChild()) { 
    console.log(p.otherProp); 
    } 
} 

は今それpはまだちょうどParentある外pは、Childであることを知っています。

またはより良いまだ、サブクラスでガードをオーバーライドして、あなたはまったく型キャストを行うことを避けることができます。

class Parent { 
    prop: string|null = null; 
    isChild(): this is Child { 
     return false; 
    } 
} 
class Child extends Parent 
{ 
    otherProp: string|null = null; 
    isChild(): this is Child { return true; } 
} 

function test(p: Parent) { 
    if (p.isChild()) { 
    console.log(p.otherProp); 
    } 
} 

あなたが、私はこれはバグか意図的であるかどうかを疑問に答えていないことが適切ですTypescriptの著者の側では、私の推測では、可能性のあるエラーをキャッチしようとしているのですが、確認または拒否するこの正確な動作の説明を見つけることはできませんでした。あなたがあなたの元のコードの作業を行うことができます

もう一つの方法は、明示的castToChild方法でthisの種類を活字体伝えることです：

class Parent { 
    prop: string|null = null; 

    castToChild(this: Parent): Child{ 
     return this as Child; 
    } 
} 
class Child extends Parent 
{ 
    otherProp: string|null = null; 
} 

function foo() { 
    let p: Parent = new Child(); 
    let c = p.castToChild(); 
    console.log(c.otherProp); 
} 

これはまだ実際にはダブルキャストをやっているが、おそらく少しクリーナーを探します。しかし、明示的なthisパラメータthisはタイプParentですが、キャスト可能な明示的なパラメータを使用して直接キャストできないため、動作の不思議さが表示されます。