无法在基类打字稿上调用扩展方法

Question

所以我有一个名为 Report 的基类，然后我有另一个从 Report 扩展的名为 Datasheet 的类。

我已经为 Report 类编写了一个扩展，我希望能够在我有一个 Datasheet 对象时调用它。

简单示例：

类写在一个文件中

export class Report {
    id: number;
    name: string;
}

另一个类写在另一个文件中

export class Datasheet extends Report {
    description: string;
}

这里我为报表类写了一个简单的扩展，又在一个不同的文件中

import { Report } from './report';

export {};

declare module './report' {
    interface Report {
        hasName(): boolean;
    }
}

Report.prototype.hasName = function() {
    return this.name == null || this.name.length > 0;
};

所以现在我创建了一个新的数据表，我想调用扩展方法.hasName()，它在打字稿中编译得很好，但是当它被发送到浏览器时，我得到一个错误提示

m.hasName 不是函数

例如，我会这样做（简单示例）

const m = new Datasheet();
const check = m.hasName();

为什么我得到一个错误，当它编译正常时？我正在使用 Typescript 2.4.2。

我正在尝试编写它，就像您可以编写 C# 对象一样，并编写扩展方法。这让我的物品保持整洁

任何帮助将不胜感激！

Answer 1

您不需要 Typescript 中的 prototype 语法，编译器会为您创建它。最好你也不需要Object.assign，尤其是当问题可以通过类语法来解决时。

这显示了您如何拥有一个扩展Report 的Datasheet，以便您可以调用hasName()。

interface IReport { 
    hasName():boolean
}

class Report implements IReport {
    id: number
    name: string
    hasName() { 
      return this.name == null || this.name.length > 0; 
    }
}

class Datasheet extends Report {
    description: string
}

const m = new Datasheet();
const check = m.hasName();