为什么TypeScript泛型类中这样声明add方法会报运算符错误？

Operator + cannot be applied to types T and T
这个报错的核心原因是：你定义的泛型参数T没有任何类型约束，TypeScript无法确认T类型的两个值是否支持+运算符。理论上泛型T可以接收任意类型的传入，比如对象、布尔值、null等本身就不支持+运算的类型，TypeScript为了避免运行时出现非预期结果，会在编译阶段直接抛出该错误。

下面提供两种常用的修复方式，你可以根据实际使用场景选择：

方案1：给泛型增加类型约束 #

如果你明确当前类只会处理支持+运算的基础类型，可以直接限定T的取值范围：

// 限定T只能是number或者string类型，两者都支持+运算
class HoldAnything<T extends number | string> {
  data: T

  add(a: T): T {
    return this.data + a
  }
}

该方案实现简单，适合使用场景固定的情况。

方案2：注入自定义运算逻辑 #

如果你需要支持自定义类型的相加操作，可以把运算逻辑抽离成参数由外部传入，不需要限制泛型类型：

class HoldAnything<T> {
  data: T
  // 存储自定义的相加逻辑
  private calculateAdd: (prev: T, current: T) => T

  constructor(initData: T, addLogic: (prev: T, current: T) => T) {
    this.data = initData
    this.calculateAdd = addLogic
  }

  add(a: T): T {
    return this.calculateAdd(this.data, a)
  }
}

// 使用示例1：处理数值
const numContainer = new HoldAnything(2, (a, b) => a + b)
console.log(numContainer.add(3)) // 输出 5

// 使用示例2：处理自定义对象
interface Goods {
  price: number
}
const goodsContainer = new HoldAnything({price: 10}, (a, b) => ({
  price: a.price + b.price
}))
console.log(goodsContainer.add({price: 5})) // 输出 {price: 15}

该方案灵活度更高，适配全场景的泛型运算需求。

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