typescript 中 as number 类型转换的本质

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

考虑以下示例：

Scrapfly SDK TypeScript

使用 Scrapfly SDK（scrapfly-sdk）在 TypeScript 或 JavaScript 中进行网页抓取，用于用户请求抓取 URL、绕过反爬虫防护、渲染页面等场景。

下载

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