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

知识点掌握了，还需要不断练习才能熟练运用。下面米云给大家带来一个文章开发实战，手把手教大家学习《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 真的会转换类型吗？ 》文章吧，也可关注米云公众号了解相关技术文章。

CSS 中 height、max-height、min-height 同时使用时，谁的优先级最高？