Typescript中?? ?: ?. 都代表什么作用

?:

?:是指可选参数,可以理解为参数自动加上undefined

复制代码
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) 

?.

data入参可能为null,undefined,通常我们的写法是直接上if判断啥的,然后再取data中的属性,但是有了问号点(?.)写法就简单很多了,看下面例子:
1.typescript写法:

//1.data可能为null,undefined , row也可能为null,undefined
//2.假设data完整结构 {row:{name:'aaa'}}
function getData(data: any){
    let name = data?.row?.name
}

2.普通写法

//1.data可能为null,undefined , row也可能为null,undefined
//2.假设data完整结构 {row:{name:'aaa'}}
function getData(data: any){
    let name;
    if (data && data.row) {
        name = data.row.name
    }
}

 

posted @   探索之路慢慢  阅读(1091)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· winform 绘制太阳,地球,月球 运作规律
历史上的今天:
2019-04-19 webstorm 初次上传代码到 远程gitlab中
2019-04-19 Mac+VS Code+Git+Github
2019-04-19 使用WebStorm上传本地项目到GitHub和GitLab
2018-04-19 js实现获取两个日期之间所有日期的方法
2018-04-19 js遍历获取表格内数据方法
2018-04-19 js中获取时间new date()的用法
点击右上角即可分享
微信分享提示