Extending an interface in TypeScript

Question

In JavaScript, it is straight-forwardd to add functions and members to the prototype of any type. I'm trying to achieve the same in TypeScript as follows:

interface Date
{
    Minimum: Date;
}

Date.prototype.Minimum = function () { return (new Date()); }

This produces the following error:

Type '() => Date' is not assignable to type 'Date'.
Property 'toDateString' is missing in type '() => Date'.

Considering TS is strongly-types, how could we achieve this?

Since I'm writing a custom utility library in TS, I'd rather not resort to JS.

obe · Accepted Answer · 2016-03-19 09:08:33Z

26

Interfaces don't get transpiled to JS, they're just there for defining types.

You could create a new interface that would inherit from the first:

interface IExtendedDate extends Date {
    Minimum: () => Date;
}

But for the actual implementations you will need to define a class. For example:

class ExtendedDate implements IExtendedDate {
    public Minimum(): Date {
        return (new ExtendedDate());
    }
}

However note that you can do all this without an interface.

answered Mar 19, 2016 at 9:08

obe

7,8446 gold badges34 silver badges47 bronze badges

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

1 Comment

Aaron Beall Over a year ago

Upvoted. In my view this is better than messing with the prototype of a buit-in object, even though JS let's you do it.

Amid · Accepted Answer · 2016-03-19 09:08:17Z

0

You can have it like this:

interface Date
{
    Minimum(): Date;
}

(<any>Date.prototype).Minimum = function () { return (new Date()); }

let d = new Date();
console.log(d.Minimum());

Hope this helps.

answered Mar 19, 2016 at 9:08

Amid

22.5k6 gold badges63 silver badges59 bronze badges

1 Comment

David Sherret Over a year ago

Note that the assertion to any is not necessary.

Collectives™ on Stack Overflow

Extending an interface in TypeScript

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related