如何在TypeScript中为Date原型添加自定义方法？

要让TypeScript识别你给Date原型添加的getShortDate方法，不用依赖//@ts-ignore压制报错，正确做法是扩展全局的Date接口，具体步骤如下：

1. 添加类型声明文件 #

在项目中创建一个类型声明文件（比如src/types/date-extensions.d.ts），内容如下：

declare global {
  interface Date {
    getShortDate(): string;
  }
}

export {}; // 必须添加这行，使文件成为模块，确保全局声明生效

2. 实现原型方法（无需@ts-ignore） #

修改Parent.tsx，去掉//@ts-ignore，直接实现方法：

Date.prototype.getShortDate = function () {
  return this.toLocaleDateString('en-us', {
    month: 'short',
    day: 'numeric'
  });
};

3. 调用自定义方法（无需@ts-ignore） #

修改Child.tsx，直接调用方法即可，不会再出现类型报错：

const shortDate = new Date().getShortDate();

原理说明 #

TypeScript的类型系统基于接口实现，默认的Date接口并不包含你自定义的getShortDate方法。通过声明合并扩展全局的Date接口，相当于告诉TypeScript：所有Date实例都具备这个方法，这样原型扩展和调用时的类型检查就能正常通过了。

注意：确保你的类型声明文件被TypeScript识别，可以在tsconfig.json的include数组中添加该文件路径（比如"src/types/**/*.d.ts"）。

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