为String原型添加capitalize方法后，TypeScript提示属性不存在如何解决？

要解决这个问题，核心是让TypeScript识别到我们给String原型新增的capitalize方法，具体步骤如下：

1. 扩展全局String接口 #

在TypeScript中，需要通过声明合并扩展String的类型定义。你可以创建一个.d.ts类型声明文件（比如string-extensions.d.ts），或者在现有TypeScript文件中添加以下代码：

declare global {
  interface String {
    capitalize(): string;
  }
}

// 标记文件为模块，避免全局变量冲突
export {};

这段代码会告诉TypeScript：String类型现在拥有一个返回值为string的capitalize方法。

2. 保留原型方法的实现 #

你原本的JavaScript实现代码可以保留，确保它在调用代码之前执行即可：

Object.defineProperty(String.prototype, "capitalize", {
  value: function () {
    return this.charAt(0).toUpperCase() + this.slice(1);
  },
  enumerable: false,
});

3. 调用方法 #

现在再执行调用代码时，TypeScript就不会再抛出类型错误：

const abc = 'abc'.capitalize(); // 类型正常推断为string，无报错

补充说明 #

• 如果项目未使用模块系统（没有import/export），可以去掉export {}，直接声明全局接口。
• 虽然不推荐随意修改内置对象原型，但如果业务需要这么做，上述类型扩展方式可以完美解决TypeScript的类型检查问题。

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