TypeScript 中 as number 真的会转换类型吗？（转换.类型.TypeScript.number.....）

wufei123 2025-01-26 阅读:21 评论:0

typescript 中 as number 类型转换的本质在 TypeScript 中，as number 类型转换常用于强转一个值类型为数字。不过，与预期不同的是，该类型转换不会在运行时实际转换值。考虑以下示例：const pro...

TypeScript 中 as number 真的会转换类型吗？

typescript 中 as number 类型转换的本质

在 TypeScript 中，as number 类型转换常用于强转一个值类型为数字。不过，与预期不同的是，该类型转换不会在运行时实际转换值。

考虑以下示例：

PHP

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

getDictGroup(props.group);

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

如你所见，即使在多次声明 sid 为数字类型，打印出来的类型仍然是字符串。这是因为 as number 欺骗了编译器，而不会在运行时执行真正的类型转换。

正确的 TypeScript 类型转换应使用 Number() 或 parseInt() 函数：

PHP

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

getDictGroup(props.group);

export const getDictGroup = async (sid: number) => {
  const dict = await getDict();
  console.info(typeof sid); // "string"
  // 使用 Number 转换
  sid = Number(sid);
  // 使用 parseInt 转换
  sid = parseInt(sid);
  console.info(typeof sid); // "number"
};