DEV Community

Discussion on: How I improve my skills in Typescript #1 : Typeguard & Type Utils

Collapse
 
codeoz profile image
Code Oz

Hi Thorsten how are you ! Thank you for your comment !

I will try to explain you what is the pet is Fish. This none common synthax is called Type predicate in TS, it allow us to tell to TS that your param is typed as a Fish only if your function return true.

In my case I check if my object has swim methods, if it's the case I tell to TS -> Typescript, trust me, this pet is a Fish, not a Bird.

In you code, you put an interest thing, you create a new property in order to determine the type of your object. It should be a great idea but in your case you should delete this since you have already a way to determine the type of your object, thanks to the methods fly or swin, so you don't really need to add this new property !

About your function, it's not a really typeguard, and why? it's because your are correctly checking the type but the typescript checker is again doubting about the type of this object since you are not using predicated type !

Why it can be not really usefull to use the function like this? I will show you why of course !

const toto = function (pet: Fish | Bird) {
    if (isFish(pet)) {
        // pet is again a Fish or a Bird for TS
        pet.swim() // error TS Property 'swim' does not exist on type 'Fish | Bird'.
        pet.fly() // error TS Property 'fly' does not exist on type 'Fish | Bird'.
    }
}
Enter fullscreen mode Exit fullscreen mode

So if you want to use pet in the if block, you cannot really use Fish property since for TS, pet is again a Fish or a Bird.

With the Type predicate, you don't have this issue:

const toto = function (pet: Fish | Bird) {
    if (isFish(pet)) {
        // pet is a fish, since we tell to TS that pet is a Fish thanks to Typeguard
        pet.swim() // work
        pet.fly() // error TS Property 'fly' does not exist on type 'Fish', since pet is not a Bird !
    }
}
Enter fullscreen mode Exit fullscreen mode

If you have any question ask me ! ;D

Collapse
 
thorstenhirsch profile image
Thorsten Hirsch

Thank you. This predicate thingy seems pretty cool indeed.  👍

Collapse
 
dobromyslov profile image
Viacheslav Dobromyslov • Edited

But when you add new type Duck you will not be able to differentiate pets and fishes from Duck just checking available methods because a Duck can both swim and fly. In that case you will have to turn to Thorsten's explicit kind of an animal.

Thread Thread
 
codeoz profile image
Code Oz

In the case of your interface growth you will need to use another way to put in the type guard yes. But in this exemple it's overkill to use more properties