TypeScript：如何通过接口适配数据类型？实现数值转字符串

你遇到的问题是：Test接口要求testID为string类型，但any类型的dataID实际是数值4，直接赋值后testID在运行时仍为number类型。要解决这个问题，必须通过运行时类型转换把数值真正转为字符串，而不是仅依赖TypeScript的编译时类型声明。

以下是几种可行的解决方案：

方案1：字符串拼接隐式转换 #

利用JavaScript的类型隐式转换，将数值与空字符串拼接，直接得到字符串：

let dataID: any = 4

interface Test {
  testID: string
}

let dataObj: Test = {
  testID: dataID + ''
}

console.log(typeof dataObj.testID) // string

方案2：使用String()构造函数 #

通过原生String()构造函数显式转换类型：

let dataID: any = 4

interface Test {
  testID: string
}

let dataObj: Test = {
  testID: String(dataID)
}

console.log(typeof dataObj.testID) // string

方案3：调用toString()方法 #

针对数值调用toString()方法完成转换（注意：若dataID可能为null或undefined，需先做判空处理）：

let dataID: any = 4

interface Test {
  testID: string
}

let dataObj: Test = {
  testID: dataID.toString()
}

console.log(typeof dataObj.testID) // string

为什么原代码不生效？ #

TypeScript的类型标注只是编译时的类型检查，不会改变变量在运行时的实际类型。dataID是any类型，编译时跳过了类型校验，但运行时它的实际值还是number，所以typeof输出number。只有通过运行时的转换操作，才能真正改变值的类型，适配接口的要求。

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