Class 接口和类中的函数重载-如何实现？

我有这个界面：

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

我需要一个类来实现它，但是我无法获得正确的语法来实现getDist（）方法 在课堂上

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);
}

它说：

类“Point”声明接口“IPoint”，但未实现它： 类型为“Point”和“IPoint”的属性“getDist”的类型为 不兼容：类型“（）=>void”和“{（）：string”的调用签名； （x:number）：any；}'不兼容

正确的方法是什么

Thank

介绍了如何在TypeScript中实现方法重载，但它并不漂亮：

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';
         }
    }
}

---

注意：使用接口中声明的返回类型的特定组合，当您在类中声明函数时，您仅限于从

getDist

返回字符串，您需要使用重载对其进行修饰：

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

---

以下是上述部分内容的变体

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;
    }    
}

---

move

函数接受单个位置对象或一对数值。这显然可以根据需要进行扩展

也可以使用默认值

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

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

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

---

您不需要编写第二个声明。它甚至可以不使用that@S.RaviKiran您需要这两个重载声明，因为您不能在重载函数上调用实现。你可以在打字练习场上试试@S.RaviKiran发布您的示例。它可以不添加声明而工作，但要在Visual studio auto complete中获得重载，您需要添加重载减速。以及为返回值添加静态类型，这是不同的。您的意思是，它不漂亮只是因为它有if-else类型保护？