ts 类型转换 as number 为何还是string？

Question

关于ts as number 依旧是string 的问题

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

getDictGroup(props.group)

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

我这里代码已经在每一个步骤已经声明了是 number 但是依旧打印出来时是string

但是如果我使用 parseInt(sid) 又会提示我number 类型的参数不能赋值于 string

所以 类型转换是怎么转换的呢

ts 正确的类型转换

Answer 1

ts 的类型转换 as 是骗编译器的，不会真的在运行时进行类型转换

你要类型转换应该这么写：

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

Answer 2

我大概知道问题了，是

// 这里是string
<DictCom group="1"></DictCom>

// 这里是number
<DictCom :group="1"></DictCom>

这个ts 它不会自动转换下 as number 失败 赋值为 0 怎么写呢