typescript 中 as number 为何仍然是字符串？

在 TypeScript 中使用 as number 进行类型转换后，变量类型为何仍显示为字符串？

例如下面的代码：

const props = defineProps<{ group: number }>()

getDictGroup(props.group)

export const getDictGroup = async (sid: number) => {
  const dict = await getDict()
  console.info(typeof sid)  // number
  sid = sid as number        // 期待为 number
  console.info(typeof (sid)) // string
  console.info(typeof (sid as number)) // number
}

以上代码中，虽然在声明和转换过程中都指定了 sid 为 number 类型，但实际打印输出 typeof sid 却显示为 string。这是为什么呢？

TypeScript 类型转换的本质

TypeScript 中的 as 类型转换本质上是一种编译时检查，它不会在运行时执行实际的类型转换。这主要是因为 TypeScript 是 JavaScript 的超集，而 JavaScript 本身不具备真正的类型系统。

正确的类型转换方法

为了在 JavaScript 中执行真正的类型转换，可以使用以下方法：

let n = 12345
n = String(n)
console.log(n) // "12345"

这种方式会将原始数字变量转换为字符串。对于其他类型转换，还有以下方法：

• Number(value)：将值转换为数字
• String(value)：将值转换为字符串
• Boolean(value)：将值转换为布尔值

总之，在 TypeScript 中使用 as 类型转换不会在运行时改变变量的实际类型。要进行真正的类型转换，必须使用正确的转换方法。

以上就是TypeScript 中的 as number 为什么没有改变变量类型？的详细内容，更多请关注php中文网其它相关文章！