instanceof関数のパラメータがTypescript/Angularでfalseを返す

Question

私の関数でパラメータとして渡されたオブジェクトの型を取得する方法を調べようとしています。あなたは、コードを次している。例えば

getTypeOfAnimal(animal){ 
    console.log(animal instanceof Cat) 
    console.log(animal instanceof Bear) 
} 

動物は、instanceofは猫や熊のどちらかである可能性があります。私のフォームから渡された動物は常にfalseを返します（Objectの構造がCatまたはBearのいずれかと一致するようでも）。

タイプを正しく取得する方法はありますか？

Answer 1

オブジェクトの構造は、オブジェクト構造は、ここでは問題ではありません猫の1またはベア

と一致するように思われる場合は、問題の根本は、この行はまた

です。 instanceofは、オブジェクトがCatまたはBearのコンストラクタを使用して作成されたかどうかをチェックします。 new Cat()（実際には両方ともAnimalの場合、instanceof Animalは両方ともtrueとなります）。

通常、タイプ・スクリプトはduck typingを使用して、インタフェースがオブジェクト構造と一致しているかどうかを判断します。これは類似のオブジェクト構造が機能する場所です。しかし、instanceofはJavaScript（ランタイムで実行されるため）であるため、これ以上TypeScriptが実行できません。そういうわけで、あなたが期待したとおりに動作しません。

Answer 2

、階層内のクラスを扱っている場合は、instanceofを使用することができます。

class Animal { 
    name: string; 
} 

class Cat extends Animal { 
    purrs: boolean; 
} 

class Bear extends Animal { 
    growls: boolean; 
} 


const animal = new Cat(); 
console.log(animal instanceof Cat); // true 
console.log(animal instanceof Bear); // false 

あなたが狭めたい構造のタイプを扱う場合、カスタムタイプのガードを使用することができます。

const structuralBear = { 
    name: 'Paddington', 
    growls: false 
}; 

console.log(structuralBear instanceof Cat); // false 
console.log(structuralBear instanceof Bear); // false 

function isBeary(obj: any): obj is Bear { 
    console.log(typeof obj.growls); 
    return (typeof obj.name === 'string' && typeof obj.growls === 'boolean'); 
} 

console.log(isBeary(structuralBear)); 

あなたのニーズに十分なものがあれば、これはうまくいくでしょう...

このようにタイプについてあまりにも多くのことを知る必要があることには、主な使用例は、ユニオンタイプを絞り込むことです。