TypeScript中如何从外部文件为类添加原型方法？

当然可以！针对你这种无法修改自动生成类、也不能通过继承扩展的场景，TypeScript完全支持通过原型扩展+类型声明合并的方式来给类添加新方法，下面是具体的实现步骤：

1. 创建扩展文件并添加原型方法 #

首先新建一个单独的文件（比如image-extensions.ts），先导入自动生成的Image类，然后直接给它的原型添加方法：

import { Image } from './image';

// 给Image原型添加实际的方法逻辑
Image.prototype.download = function(filename: string): void {
  // 这里可以根据你的需求实现方法，比如基于b64img生成下载链接
  const link = document.createElement('a');
  link.href = `data:image/png;base64,${this.b64img}`;
  link.download = filename;
  document.body.appendChild(link);
  link.click();
  document.body.removeChild(link);
};

⚠️ 注意：这里必须使用普通函数（function）而不是箭头函数，因为箭头函数的this会绑定到外部上下文，无法指向Image的实例。

2. 扩展TypeScript类型声明 #

因为TypeScript的类型系统不知道你给原型加了新方法，直接调用会报类型错误。这时候需要用模块扩展来合并类型声明，让编译器识别这个新方法：

// 扩展Image类的类型声明
declare module './image' {
  interface Image {
    // 声明你添加的方法的类型签名
    download(filename: string): void;
  }
}

TypeScript会自动合并同一个模块下的同名接口，这样所有使用Image类的地方都会看到这个新方法的类型提示。

3. 确保扩展文件被加载 #

最后，你需要确保这个扩展文件在项目中被加载。可以在项目的入口文件（比如main.ts）中导入它：

import './image-extensions';

或者在tsconfig.json的include数组里包含这个文件，确保TypeScript编译时能处理它。

使用示例 #

现在你就可以在任何使用Image类的地方调用新方法了，而且会有完整的类型提示：

import { Image } from './image';

const myImage = new Image();
myImage.b64img = 'your-base64-string-here';
myImage.download('my-image.png'); // 完全正常，且有类型提示

这种方式既不需要修改自动生成的image.ts文件，也不需要继承Image类，完美适配你的场景！

内容的提问来源于stack exchange，提问作者Jeremy