TypeScript中typeof的简单介绍

简单介绍typeof

我们都知道js提供了typeof,用来获取基本数据的类型。
实际上,TS也提供了 typeof 操作符。 可以在 【类型上下文】中进行类型查询。
只能够进行变量或者属性查询。

定义参数类型

let p = {
    name: 'zs',
    age:10
}
function p1(parmas : { name:string, age:number}) { //这里我们声明了参数的类型
    console.log('我叫',name)
    console.log('今年', age)
}
p1(p)
如果我们这里有很多个参数,每个参数都声明类型,这样会含麻烦。
这个时候我们就可以使用 typeof 来解决这个问题了。

typeof 的运用

let p = {
    name: 'zs',
    age:10
}
function p1(parmas: typeof p) {  //它会去解析p。 然后变成 parmas : { name:string, age:number}
   console.log(p.age)
    console.log(p.name)
}
p1(p)

typeof只能用来查询变量或者属性的类型。

let p = {
    age: 10,
    name:'zs'
}

let nianling: typeof p.age
let name: typeof p.name

typeof 的注意点

typeof只能用来查询变量或者属性的类型。
无法查询其他形式的类型。比如说:返回调用的类型。

let p = {
    num1: 10,
    num2:30
}

function add(parmas: typeof p) :number { 
    return p.num1+p.num2
}
// 逗号运算符的左侧未使用,没有任何副作用.这样会报错
let sum:typeof add(4,8) 

posted @   南风晚来晚相识  阅读(2116)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
历史上的今天:
2021-10-05 国庆总结:echarts自定义颜色主题,保证你看的明明白白
2021-10-05 echarts饼状图不要中间的文字提示
2020-10-05 webpack配置scss
点击右上角即可分享
微信分享提示