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

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); // "string"
  sid = sid as number;
  console.info(typeof sid); // "number"
  console.info(typeof (sid as number)); // "number"
};

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

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

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"
};

以上就是TypeScript 中 as number 真的会转换类型吗？的详细内容，更多请关注硕下网其它相关文章！