Adding a method to a Typescript class using prototype

Question

I don't seem to be able to add a method to my Typescript class using prototype. Visual Studio warns me that the function does not exist in the the target type.

I read something about declaring an additional interface for my type that would include the definition of the method I want to add, but it's not very clear to me how I should do this after importing my type with import. In fact, I cannot simply do:

import { EcommerceCartItem } from "../classes/EcommerceCartItem";

interface EcommerceCartItem {
    myMethod: any
}

EcommerceCartItem.prototype.myMethod = function () {
    return null;
};

...because the import declaration conflicts with the local declaration of EcommerceCartItem. So how should I go about it?

Titian Cernicova-Dragomir · Accepted Answer · 2019-06-07 15:43:06Z

1

You must declare the interface in the appropriate module for it to count as an augmentation:

import { EcommerceCartItem } from "../classes/EcommerceCartItem";
declare module "../classes/EcommerceCartItem" {
    interface EcommerceCartItem {
        myMethod: any
    }
}

EcommerceCartItem.prototype.myMethod = function () {
    return null;
};

answered Jun 7, 2019 at 15:43

Titian Cernicova-Dragomir

253k37 gold badges465 silver badges395 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Franc Over a year ago

Oh, amazing, I didn't know this syntax. Thank you very much.

Collectives™ on Stack Overflow

Adding a method to a Typescript class using prototype

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related