function - 从 Typescript 中的另一个文件将函数添加到类中

Question

我想知道是否有可能向 Typescript 中的类原型(prototype)添加一些函数。

我的情况是这样的: 我有一个包含类的文件，例如图像.ts:

export class Image {
    b64img: string;
}

这个类是生成的，所以我无法向它添加方法。我在其他生成的类中使用此类，因此无法使用 extends Image 创建新类来添加功能。

是否有任何选项可以将函数添加到单独文件中的类中，以便我可以在类 Image 的所有对象上使用它？

谢谢

Answer 1

你可以。您可以通过定义定义它的模块的扩展来扩展它。

创建一个名为 image-extension.ts 或类似名称的文件。

现在，如果在该文件中您将像这样导入Image:

import { Image } from `image`;

declare module 'image' { // same name than in the import!
    export interface Image {
         newMethod: () => void;
    }
}

Image.prototype.newMethod = function() {
    console.log('new method');
}

现在，无论您在何处导入此文件，都可以使用该方法:

import { Image } from 'image';
import 'image-extension'; // import just for side-effects

当然，您也可以将declare module添加到d.ts文件中，这样它就会自动加载，并在另一个文件中将真正的函数添加到原型(prototype)，确保这样的文件加载到您的应用程序中