TypeScript中如何计算number/string/boolean原始类型包装对象？

这个问题挺典型的——在JavaScript里，用new Number()这类方式创建的包装对象直接运算能得到预期结果，但到了TypeScript里就会触发类型错误，核心原因是TypeScript对类型的严格校验逻辑。

先回顾下你遇到的具体场景：

JavaScript中的正常运行情况 #

> a = new Number(1)
Number {1}
> b = new Number(2)
Number {2}
> a + b
3

JavaScript会自动对包装对象做隐式拆箱，也就是悄悄调用valueOf()方法获取原始值后再执行运算，所以结果完全正常。

TypeScript中的报错情况 #

let a: Number = new Number(1);
let b: Number = new Number(2);
a + b; // 报错：Operator '+' cannot be applied to types 'Number' and 'Number'.

TypeScript严格区分了原始类型（number/string/boolean）和它们的包装对象类型（Number/String/Boolean），+这类运算符只支持原始类型的运算，所以直接对包装对象使用会触发类型错误。

解决方法 #

这里有几种可行的处理方式：

1. 手动调用valueOf()拆箱

所有包装对象都内置了valueOf()方法，用来返回对应的原始值，直接调用后就能正常执行运算：

let a: Number = new Number(1);
let b: Number = new Number(2);
const sum = a.valueOf() + b.valueOf(); // 结果为3

对于String和Boolean包装对象，同样可以用这个方法获取原始值后再进行字符串拼接、布尔逻辑运算等操作。

2. 使用类型断言转换为原始类型

如果能确定包装对象对应的是原始类型，可以用类型断言明确告诉TypeScript转换类型：

let a: Number = new Number(1);
let b: Number = new Number(2);
const sum = (a as number) + (b as number); // 结果为3

3. 推荐方案：直接使用原始类型（避免创建包装对象）

其实在绝大多数业务场景下，我们根本不需要创建包装对象，TypeScript也更推荐直接使用原始类型，这样从根源上避免这类类型问题：

let a: number = 1;
let b: number = 2;
const sum = a + b; // 完全正常，类型安全

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