How to define a function with "this" context in typescript

November 4, 2021

type Animal = {
    name: string
}

function getBear(this: Animal) : Animal {
    this.name = "hi"
    return this
}

console.log(getBear().name)

Could any one help me with this , i am not able to call the getBear function

>Solution :

You can’t do this because the this context of getBear is not bound to an Animal when you call it. Simply telling TypeScript that this is an Animal isn’t enough, you also have to call your function with that context.

In this case you would need to call it like this.

type Animal = {
    name: string
}

function getBear(this: Animal) : Animal {
    this.name = "hi"
    return this
}

console.log(getBear.call({ name: "test" }).name)