Functions Overloading in interface and classes - how to?

Question

I have this interface :

interface IPoint {
    getDist(): string;
    getDist(x: number): any;
}

and I need a class to implement it but I can't get the right syntax to implement the getDist() method in the class..

class Point implements IPoint {
    // Constructor
    constructor (public x: number, public y: number) { }

    pointMethod() { }

    getDist() {
        Math.sqrt(this.x * this.x + this.y * this.y);
    }
    // Static member
    static origin = new Point(0, 0);
}

it says:

Class 'Point' declares interface 'IPoint' but does not implement it: Types of property 'getDist' of types 'Point' and 'IPoint' are incompatible:Call signatures of types '() => void' and '{ (): string; (x: number): any; }' are incompatible

What's the proper way to do this?

Thanks

Fenton · Accepted Answer · 2012-11-04 14:34:40Z

9

When you declare the function in the class you need to decorate it with the overloads:

getDist(): string;
getDist(x: number): any;
getDist(x?: number): any {
    // your code
 }

answered Nov 4, 2012 at 14:34

Fenton

253k74 gold badges404 silver badges414 bronze badges

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

5 Comments

S. Ravi Kiran Over a year ago

You need not write the second declaration. It works even without that

Fenton Over a year ago

@S.RaviKiran you need both overload declarations as you can't call the implementation on overloaded functions. You can try this out in the TypeScript Playground. typescriptlang.org/Playground

Fenton Over a year ago

@S.RaviKiran Post your example.

Bashar Ali Labadi Over a year ago

it works without adding the declarations but to get overloading in Visual studio auto complete you need to add overloading decelerations.

Fenton Over a year ago

And static typing for the return values, which are different.

Community · Accepted Answer · 2017-05-23 12:16:01Z

5

This answer describes how to implement method overloading in TypeScript, and it's not pretty:

interface IPoint {
    getDist(): string;
    getDist(x: number): any;
}

class Point implements IPoint {
    // Constructor
    constructor (public x: number, public y: number) { }

    pointMethod() { }

    getDist(x?: number) {
         if (x && typeof x == "number") {
             return 'foo';
         } else {
             return 'bar';
         }
    }
}

N.B. with the particular combination of declared return types in the interface, you are limited to returning strings from getDist.

edited May 23, 2017 at 12:16

CommunityBot

11 silver badge

answered Nov 4, 2012 at 14:16

Matt Ball

361k102 gold badges655 silver badges725 bronze badges

Comments

Pax Exterminatus · Accepted Answer · 2019-11-16 11:32:57Z

3

also you can use the default value

interface Foo{
    next()
    next(steps: number)
    prev()
    prev(steps: number)
}

next(steps: number = 1) {
    // ...
}

prev(steps: number = 1) {
    // ...
}

edited Nov 16, 2019 at 11:32

answered Nov 16, 2019 at 11:23

Pax Exterminatus

5505 silver badges10 bronze badges

Comments

pushkin · Accepted Answer · 2018-11-09 17:56:17Z

The following is a variation on some of the above

class Position {
    x: number;
    y: number;

    constructor(x : number = 0, y : number = 0) {
        this.x = x;
        this.y = y;
    }    
}

class Pen {
    colour: string;

    constructor(colour: string) {
        this.colour = colour;
    }
}

class PlottingHead {
    isPenUp: boolean;
    pen: Pen;
    position: Position;

    constructor() {     
       this.penUp();
   }

   move(p: Position): void;
   move(x: number, y: number): void;
   move(x: number | Position, y?: number): void {
        if (typeof x === "number")
        {
            x = new Position(x, y);
        }
        this.penUp();
        this.position = x;
    }

    draw(x: number | Position, y?: number): void {
        if (typeof x === "number")
        {
            x = new Position(x, y);
        }
        this.penDown();
        this.position = x;
    }

    penDown(): void {
        this.isPenUp = false;
     }

    penUp(): void {
        this.isPenUp = true;
    }

    onChangePen(newPen: Pen) {
        this.penUp();
        this.pen = newPen;
    }    
}

The move function takes either a single position object or a pair of numeric values. This can obviously be extended as required.

Collectives™ on Stack Overflow

Functions Overloading in interface and classes - how to?

4 Answers 4

5 Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

5 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related