打字稿重载功能

Question

我有以下课程的打字稿有重载功能

export class Person {
      private get fullName() {
        return this.firstName + '' + this.lastname;
      }
      constructor(public firstName, public lastname) {

      }
      sayHi(): string;
      sayHi(name: string): string;
      sayHi(person: Person): string;
      sayHi(obj: any) {

     return '';
    }
    const name = new Person('jim', 'jonson');

在运行我的应用程序时，出现以下错误：

Overload signature is not compatible with function implementation.

我将以下代码行： sayHi(obj: any)更改为以下代码行： sayHi()所以现在有了以下代码

   export class Person {
          private get fullName() {
            return this.firstName + '' + this.lastname;
          }
          constructor(public firstName, public lastname) {

          }
          sayHi(): string;
          sayHi(name: string): string;
          sayHi(person: Person): string;
          sayHi() {

         return '';
        }
        const name = new Person('jim', 'jonson');

当我运行上面的代码时，没有错误。

有人可以解释一下为什么此代码没有错误，而我们在上面的代码中可以清楚地看到，存在与函数实现不兼容的Overload签名。 我错过了什么还是什么？ 很困惑

Answer 1

最后一个签名sayHi(obj: any)需要一个参数，但是您的第一个重载指定您可以不带参数地调用该方法。 这是打字稿指出的不兼容性。

为了解决这个问题，您可以将最终签名中的参数设为可选，以指示打字稿您可以不带任何参数地调用它（从而使其与第一个重载兼容）：

sayHi(obj?: any)