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

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签名。我错过了什么还是什么?很困惑

最佳答案

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

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

sayHi(obj?: any)

10-06 06:36
查看更多