typescript的?? 和?: 和?.和!.什么意思

https://segmentfault.com/a/1190000038782759
?:是指可选参数,可以理解为参数自动加上undefined,在给?左边的变量赋nul时不至于报错,如不定义undefined直接给变量赋null会报错

function echo(x: number, y?: number) {
return x + (y || 0);
}
getval(1); // 1
getval(1, null); // error, ‘null’ is not assignable to ‘number | undefined’
interface IProListForm {
enterpriseId: string | number;
pageNum: number;
pageSize: number;
keyword?: string; // 可选属性
}
?? 和 || 的意思有点相似,但是又有点区别,??相较||比较严谨, 当值等于0的时候||就把他给排除了,但是?? 不会

console.log(null || 5) //5
console.log(null ?? 5) //5

console.log(undefined || 5) //5
console.log(undefined ?? 5) //5

console.log(0 || 5) //5
console.log(0 ?? 5) //0
?.的意思基本和 && 是一样的
a?.b 相当于 a && a.b ? a.b : undefined

const a = {
b: { c: 7 }
};
console.log(a?.b?.c); //7
console.log(a && a.b && a.b.c); //7
!.的意思是断言,告诉ts你这个对象里一定有某个值

const inputRef = useRef(null);
// 定义了输入框,初始化是null,但是你在调用他的时候相取输入框的value,这时候dom实例一定是有值的,所以用断言
const value: string = inputRef.current!.value;
// 这样就不会报错了

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值